/* ================================================================
   DEFAULT THEME — Dark navy + amber gold
   Only variables and hero-specific layout live here.
   All shared components come from assets/css/base.css
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root {
    /* Brand colours */
    --primary:        #f5a623;
    --primary-dk:     #e09010;
    --primary-lt:     #fdd88a;
    --primary-rgb:    245, 166, 35;

    /* Backgrounds */
    --bg:             #0d0d1a;
    --dark-rgb:       13, 13, 26;
    --surface:        #16213e;
    --surface2:       #0f3460;
    --surface-alt:    #1a1a2e;
    --footer-bg:      #1a1a2e;
    --cta-bg:         linear-gradient(135deg, #0f3460 0%, #1a1a2e 100%);
    --card-bg:        rgba(22,33,62,0.95);
    --input-bg:       rgba(255,255,255,0.05);
    --nav-scrolled-bg: rgba(13,13,26,0.96);

    /* Text */
    --text:           #ffffff;
    --text-muted:     #a0aec0;
    --text-dark:      #1a202c;
    --text-rgb:       255, 255, 255;
    --nav-link-color: #a0aec0;
    --btn-text:       #0d0d1a;

    /* Borders */
    --border:         rgba(255,255,255,0.08);

    /* Status */
    --success:        #48bb78;
    --error:          #fc8181;

    /* Fonts */
    --font-heading:   'Poppins', sans-serif;
    --font-body:      'Inter', sans-serif;

    /* Layout */
    --nav-height:     70px;
    --section-py:     90px;
    --container:      1200px;

    /* Radii */
    --radius-sm:      6px;
    --radius-md:      12px;
    --radius-lg:      20px;
    --radius-full:    9999px;

    /* Shadows */
    --shadow-sm:      0 2px 8px rgba(0,0,0,0.2);
    --shadow-md:      0 4px 24px rgba(0,0,0,0.3);
    --shadow-lg:      0 8px 48px rgba(0,0,0,0.4);
    --shadow-accent:  0 4px 24px rgba(245,166,35,0.35);

    --transition:     0.25s ease;
}

/* ── DEFAULT HERO (fullscreen overlay) ───────────────────────── */
.hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding-top: var(--nav-height);
    overflow: hidden;
}
.hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    filter: brightness(0.35);
    z-index: 0;
}
.hero-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(13,13,26,0.7) 0%, rgba(245,166,35,0.1) 100%);
}
.hero-content   { position: relative; z-index: 1; width: 100%; }
.hero-inner     { display: grid; grid-template-columns: 1fr 420px; gap: 60px; align-items: center; }
.hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(245,166,35,0.12);
    border: 1px solid rgba(245,166,35,0.25);
    color: var(--primary);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 7px 16px;
    border-radius: var(--radius-full);
    margin-bottom: 20px;
}
.hero-title         { margin-bottom: 20px; }
.hero-title span    { color: var(--primary); }
.hero-subtitle      { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 36px; max-width: 520px; }
.hero-ctas          { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 48px; }
.hero-stats         { display: flex; gap: 40px; }
.hero-stat-num      { font-family: var(--font-heading); font-size: 1.8rem; font-weight: 800; color: var(--primary); }
.hero-stat-label    { font-size: 0.8rem; color: var(--text-muted); margin-top: 2px; }