/* Variables — edit these to match your brand */
:root {
    --color-primary: #0d6efd;
    --color-primary-dark: #0b5ed7;
    --color-secondary: #6c757d;
    --color-accent: #198754;
    --color-orange: #ff5c1a;
    --color-dark: #0c0d10;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Typography */
body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Navbar */
.navbar-brand {
    font-size: 1.4rem;
}

/* Hero section */
.hero {
    padding: 5rem 0;
}

.hero h1 {
    font-size: 3rem;
    font-weight: 700;
}

@media (max-width: 767px) {
    .hero h1 {
        font-size: 2rem;
    }
    .hero {
        padding: 3rem 0;
    }
}

/* Section spacing */
.section {
    padding: 4rem 0;
}

/* Cards */
.card {
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-4px);
}

/* Footer */
footer a:hover {
    color: white !important;
}

/* Active nav indicator */
.nav-item.active .nav-link {
    font-weight: 600;
}

/* Scroll offset for fixed navbar */
section {
    scroll-margin-top: 80px;
}

/* Hero Dark Section - Split Layout */
.hero-dark {
    position: relative;
    background: var(--color-dark);
    overflow: hidden;
}

.hero-dark .hero-content h1 {
    color: white;
}

.hero-dark .hero-content .lead {
    color: rgba(255, 255, 255, 0.7);
}

/* Mobile padding for hero */
@media (max-width: 991px) {
    .hero-dark .row {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

/* Section spacing - use Sparrow theme utilities py-6, py-md-8 instead of overrides */