/* astro-theme.css */

/* General Reset and Base */
body {
    background-color: #0b0f1a; /* deep space blue-black */
    color: #dce3f2; /* pale starlight */
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #e6f0ff; /* soft moonlight */
    font-weight: 500;
    margin-bottom: 0.5rem;
}

h2 {
    border-bottom: 1px solid #233040;
    padding-bottom: 0.3rem;
}

/* Links */
a {
    color: #7abaff; /* star-blue */
    text-decoration: underline;
}

a:hover {
    color: #a6d3ff;
    text-decoration: underline;
}

/* Navbar */
.navbar-dark.bg-dark {
    background-color: #111827 !important; /* very dark blue */
}

.navbar-brand,
.nav-link {
    color: #dce3f2 !important;
}

.nav-link.active {
    color: #9dcfff !important;
    font-weight: bold;
}

/* Buttons */
.btn {
    background-color: rgb(39, 24, 60); /* dark purple base */
    color: #e0d5f7;            /* soft pale purple text */
    border: solid rgb(37, 28, 51); /* slightly brighter border */
    transition: background-color 0.3s ease, transform 0.2s ease;
    
}

.btn:hover {
    background-color: rgb(39, 24, 60); /* dark purple base */
    color: #e0d5f7;            /* soft pale purple text */
    border: solid rgb(37, 28, 51); /* slightly brighter border */
    transform: scale(1.02); /* subtle lift effect */
}

.btn:active {
    background-color: rgb(39, 24, 60); /* dark purple base */
    transform: scale(0.98);
}

.btn:focus {
    background-color: rgb(39, 24, 60); /* dark purple base */
    color: #e0d5f7;
    border-color: rgb(37, 28, 51); /* slightly brighter border */
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(115, 102, 200, 0.15);
}
/* Cards, Tables, and Containers */
.table {
    color: #dce3f2;
    background-color: #121a2f;
}

.table tbody {
    background-color: #a7b0cb;
}

.table thead {
    background-color: #1a2238;
}

.table-bordered {
    border-color: #2a3650;
}

/* Footer */
footer {
    background-color: #0b0f1a;
    color: #888;
    font-size: 0.9rem;
}

footer a {
    color: #7abaff;
}

footer a:hover {
    color: #a6d3ff;
}

/* Utilities */
.text-end {
    text-align: right !important;
}

hr {
    border-color: #1d2736;
}

.form-control, textarea {
    background-color: #a7b0cb;     /* very dark navy-blue */
    color: #151720;                /* soft off-white */
    border: none;    /* subtle border */
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

.form-control::placeholder {
    color: #6e7384;                /* muted placeholder text */
}

.form-control:focus {
    background-color: #232a40;
    color: #d5d5d5;
    border-color: #7366c8;         /* subtle stellar highlight */
    outline: none;
}

.form-list {
    background-color: #a7b0cb;
    color: #6e7384;  
    border: none;
}

.form-list:focus {
    border-color: #7366c8;         /* subtle stellar highlight */
    outline: none;
}

.form-sub {
    background-color: rgb(39, 24, 60); /* dark purple base */
    color: #e0d5f7;
    border: none;
    outline: none;
    transition: none;
}

hr {
    border: none;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.521); /* pale white */
  }

#softwaretable {
  background-color: #a7b0cb !important;
  --bs-table-bg-type: #a7b0cb;
  --bs-table-border-color: rgba(36, 36, 36, 0.728);
}

.starryback {
    background-image: url('../media/beautiful-shining-stars-night-sky.jpg');
    background-size: cover;         /* Or 'contain' */
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;   
    background-blend-mode:overlay;
  }