/* ============================================================================
   SooSeF - Main Stylesheet
   Adapted from Stegasoo's style.css — same dark theme, same patterns.
   ============================================================================ */

:root {
    --gradient-start: #2a3a5e;
    --gradient-end: #4a2860;
    --bg-dark-1: #1a1a2e;
    --bg-dark-2: #16213e;
    --bg-dark-3: #0f3460;
    --text-muted: rgba(255, 255, 255, 0.5);
    --border-light: rgba(255, 255, 255, 0.1);
    --overlay-dark: rgba(0, 0, 0, 0.3);
    --overlay-light: rgba(255, 255, 255, 0.05);
}

/* Navbar */
.navbar {
    background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
    border-bottom: 1px solid var(--border-light);
}

.navbar-brand {
    font-size: 1.1rem;
    letter-spacing: 0.05em;
}

/* Nav icon + label pattern from stegasoo */
.nav-icons .nav-link {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
}

.nav-icons .nav-link i {
    font-size: 1.1rem;
}

/* Cards */
.card {
    transition: border-color 0.2s ease;
}

.card:hover {
    border-color: rgba(255, 255, 255, 0.25) !important;
}

/* Footer */
footer {
    border-top: 1px solid var(--border-light);
}

/* Badge styling */
.badge code {
    font-family: 'SF Mono', 'Fira Code', monospace;
}
