/**
 * Theme: Aurora
 * Dark — green, teal, northern lights
 * Deep dark blues with aurora green/cyan accents
 */

/* ── Variables ── */
[data-theme="aurora"] {
    --night-sky: #060d18;
    --deep-blue: #0b1520;
    --midnight: #081018;
    --soft-gold: #3ddc84;
    --gold-light: #6ae8a5;
    --gold-dim: #2ab866;
    --warm-white: #e0f0e8;
    --light-text: #88b8a8;
    --subtle-border: #152530;
    --card-bg: rgba(61, 220, 132, 0.04);
    --card-bg-hover: rgba(61, 220, 132, 0.07);
    --overlay-dark: rgba(6, 13, 24, 0.8);
    --overlay-darker: rgba(6, 13, 24, 0.9);
    --accent-rgb: 61, 220, 132;
    --accent-blue: #00bcd4;
    --success: #3ddc84;
    --error: #ff6b6b;
}

/* ── Hero: aurora borealis ── */
[data-theme="aurora"] .hero-bg::before {
    background-image: url('https://images.unsplash.com/photo-1531366936337-7c912a4589a7?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
}
[data-theme="aurora"] .hero-overlay {
    background: linear-gradient(180deg,
        rgba(6,13,24,0.35) 0%,
        rgba(6,13,24,0.15) 40%,
        rgba(6,13,24,0.6) 80%,
        rgba(6,13,24,1) 100%);
}
[data-theme="aurora"] .hero-quote::before,
[data-theme="aurora"] .hero-quote::after { color: #3ddc84; }
[data-theme="aurora"] .scroll-progress { background: linear-gradient(90deg, #3ddc84, #00bcd4); }

/* ── Story: image — night sky with aurora glow ── */
[data-theme="aurora"] .story {
    position: relative;
    background:
        linear-gradient(180deg, rgba(11,21,32,0.93) 0%, rgba(11,21,32,0.88) 100%),
        url('https://images.unsplash.com/photo-1507400492013-162706c8c05e?auto=format&fit=crop&w=1600&q=80') center/cover;
}
[data-theme="aurora"] .story::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");
    z-index: 0;
}
[data-theme="aurora"] .persona-intro {
    background: linear-gradient(135deg, rgba(61,220,132,0.05) 0%, rgba(0,188,212,0.03) 100%);
    border-color: rgba(61,220,132,0.12);
}
[data-theme="aurora"] .highlight-box {
    background: rgba(61,220,132,0.05);
    border-color: rgba(61,220,132,0.2);
}

/* ── Journey: green-teal gradient ── */
[data-theme="aurora"] .journey {
    position: relative;
    background:
        radial-gradient(ellipse at 30% 40%, rgba(61,220,132,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 70% 70%, rgba(0,188,212,0.04) 0%, transparent 55%),
        #081018;
}
[data-theme="aurora"] .journey::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");
    z-index: 0;
}
[data-theme="aurora"] .timeline-year { background: #2ab866; color: #fff; }
[data-theme="aurora"] .timeline::before { background: rgba(61,220,132,0.2); }

/* ── What I Do: green particle texture (CSS) ── */
[data-theme="aurora"] .what-i-do {
    background:
        radial-gradient(1.5px 1.5px at 15% 20%, rgba(61,220,132,0.15), transparent),
        radial-gradient(1px 1px at 40% 70%, rgba(0,188,212,0.1), transparent),
        radial-gradient(1.5px 1.5px at 60% 30%, rgba(61,220,132,0.12), transparent),
        radial-gradient(1px 1px at 80% 80%, rgba(0,188,212,0.08), transparent),
        radial-gradient(1.5px 1.5px at 30% 90%, rgba(61,220,132,0.1), transparent),
        #0b1520;
    background-size: 280px 280px, 300px 300px, 260px 260px, 310px 310px, 290px 290px, auto;
}
[data-theme="aurora"] .activity-card {
    background: rgba(61,220,132,0.04);
    border-color: rgba(61,220,132,0.08);
}
[data-theme="aurora"] .activity-card:hover {
    background: rgba(61,220,132,0.08);
    border-color: rgba(61,220,132,0.2);
}

/* ── Books: image — aurora over snow ── */
[data-theme="aurora"] .book-section {
    background:
        linear-gradient(180deg, rgba(8,16,24,0.9) 0%, rgba(8,16,24,0.82) 50%, rgba(8,16,24,0.92) 100%),
        url('https://images.unsplash.com/photo-1543722530-d2c3201371e7?auto=format&fit=crop&w=1600&q=80') center/cover;
}

/* ── News: dark teal gradient ── */
[data-theme="aurora"] .news {
    position: relative;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(0,188,212,0.05) 0%, transparent 50%),
        #0b1520;
}
[data-theme="aurora"] .news::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");
    z-index: 0;
}

/* ── Presence: gradient green-dark ── */
[data-theme="aurora"] .presence {
    background:
        linear-gradient(160deg, #081018 0%, #0a1820 50%, #081018 100%);
}

/* ── Contact: image — aurora sky ── */
[data-theme="aurora"] .contact {
    position: relative;
    background:
        linear-gradient(180deg, rgba(6,13,24,0.92) 0%, rgba(6,13,24,0.88) 100%),
        url('https://images.unsplash.com/photo-1531366936337-7c912a4589a7?auto=format&fit=crop&w=1600&q=80') center 30%/cover;
}
[data-theme="aurora"] .contact::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");
    z-index: 0;
}

/* ── Parallax ── */
[data-theme="aurora"] .parallax-1 { background-image: url('https://images.unsplash.com/photo-1462332420958-a05d1e002413?auto=format&fit=crop&w=1600&q=80'); }
[data-theme="aurora"] .parallax-2 { background-image: url('https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1600&q=80'); }
[data-theme="aurora"] .parallax-3 { background-image: url('https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?auto=format&fit=crop&w=1600&q=80'); }
[data-theme="aurora"] .parallax-overlay {
    background: linear-gradient(180deg,
        rgba(6,13,24,1) 0%,
        rgba(6,13,24,0.2) 40%,
        rgba(6,13,24,0.2) 60%,
        rgba(6,13,24,1) 100%);
}

/* ── Nav ── */
[data-theme="aurora"] .main-nav.scrolled {
    background: rgba(6, 13, 24, 0.94);
    border-bottom-color: rgba(61,220,132,0.1);
}

/* ── Footer ── */
[data-theme="aurora"] .site-footer {
    background: #060d18;
    border-top-color: rgba(61,220,132,0.1);
}

/* ── CTA buttons ── */
[data-theme="aurora"] .btn-primary {
    background: linear-gradient(135deg, #2ab866, #00bcd4);
    color: #fff;
}
[data-theme="aurora"] .btn-outline {
    border-color: #3ddc84;
    color: #3ddc84;
}

/* ── Page hero ── */
[data-theme="aurora"] .page-hero { background: #081018; }
[data-theme="aurora"] .page-content { background: #0b1520; }