/* ============================================
   SHARED THEME - CSS Custom Properties
   ============================================ */

/* --- Custom Properties — Night (default) --- */
:root {
    --bg-body: #080818;
    --color-blue: #4488ff;
    --color-peach: #ff7744;
    --color-mint: #00ffaa;
    --color-lavender: #aa77ff;
    --color-gold: #ffcc33;
    --text-primary: #e0e0f0;
    --text-secondary: #8888aa;
    --bg-card: #0e0e20;
    --border-color: rgba(100, 100, 180, 0.18);
    --font-heading: 'Poppins', system-ui, -apple-system, sans-serif;
    --font-script: 'Caveat', cursive;
    --font-body: -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'VT323', 'Courier New', monospace;
    --nav-height: 70px;
    --section-padding: 100px;
    --container-width: 1100px;
    --radius: 12px;
    --radius-sm: 8px;
    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --glow-sm: 0 0 15px;
    --glow-md: 0 0 30px;

    /* Glow colors */
    --glow-mint: rgba(0, 255, 170, 0.4);
    --glow-lavender: rgba(170, 119, 255, 0.35);
    --glow-peach: rgba(255, 119, 68, 0.35);
    --glow-gold: rgba(255, 204, 51, 0.3);
    --glow-blue: rgba(68, 136, 255, 0.3);

    /* UI backgrounds */
    --bg-nav-scrolled: #080818;
    --bg-mobile-menu: #080818;
    --selection-bg: rgba(0, 255, 170, 0.25);
    --selection-color: #fff;

    /* Section backgrounds & borders */
    --bg-about: #1c0e30;
    --border-about: rgba(170, 119, 255, 0.12);
    --bg-career: #26120a;
    --border-career: rgba(255, 119, 68, 0.12);
    --bg-skills: #06201a;
    --border-skills: rgba(0, 255, 170, 0.12);
    --bg-leadership: #242008;
    --border-leadership: rgba(255, 204, 51, 0.12);
    --bg-publications: #0a102a;
    --border-publications: rgba(68, 136, 255, 0.12);
    --bg-certifications: #160a28;
    --border-certifications: rgba(170, 119, 255, 0.12);
    --bg-education: #080818;
    --border-education: rgba(100, 100, 180, 0.1);
    --bg-contact: #061c16;
    --border-contact: rgba(0, 255, 170, 0.12);
    --bg-footer: #061c16;
    --border-footer: rgba(0, 255, 170, 0.08);

    /* Hero */
    --hero-right-bg: #141432;
    --hero-right-border: rgba(68, 136, 255, 0.15);
    --hero-photo-border: rgba(0, 255, 170, 0.3);
    --hero-photo-shadow:
        0 0 40px rgba(0, 255, 170, 0.15), 0 0 80px rgba(170, 119, 255, 0.08), 0 20px 60px rgba(0, 0, 0, 0.4);

    /* Buttons */
    --btn-primary-text: #080818;

    /* Component accents */
    --about-icon-bg: rgba(170, 119, 255, 0.15);
    --leadership-icon-bg: rgba(255, 204, 51, 0.12);
    --timeline-card-bar-bg: #141428;
    --back-to-top-bg: #0e0e20;
}

/* --- Day Mode (from 3D world Day preset) --- */
[data-theme='day'] {
    --bg-body: #e8e4f8;
    --color-blue: #3366dd;
    --color-peach: #e85a2a;
    --color-mint: #00b880;
    --color-lavender: #7744cc;
    --color-gold: #d4a010;
    --text-primary: #1a1640;
    --text-secondary: #5a5680;
    --bg-card: #ffffff;
    --border-color: rgba(100, 80, 180, 0.15);

    /* Glow colors (softer for light bg) */
    --glow-mint: rgba(0, 184, 128, 0.25);
    --glow-lavender: rgba(119, 68, 204, 0.2);
    --glow-peach: rgba(232, 90, 42, 0.2);
    --glow-gold: rgba(212, 160, 16, 0.2);
    --glow-blue: rgba(51, 102, 221, 0.2);

    /* UI backgrounds */
    --bg-nav-scrolled: #e8e4f8;
    --bg-mobile-menu: #e8e4f8;
    --selection-bg: rgba(0, 184, 128, 0.2);
    --selection-color: #1a1640;

    /* Section backgrounds — solid washes from Day fog/light colors */
    --bg-about: #dfd9f9;
    --border-about: rgba(119, 68, 204, 0.18);
    --bg-career: #ede0ed;
    --border-career: rgba(232, 90, 42, 0.18);
    --bg-skills: #d5e6f9;
    --border-skills: rgba(0, 184, 128, 0.18);
    --bg-leadership: #ebe2f2;
    --border-leadership: rgba(212, 160, 16, 0.18);
    --bg-publications: #dadaf9;
    --border-publications: rgba(51, 102, 221, 0.18);
    --bg-certifications: #e0dbf9;
    --border-certifications: rgba(119, 68, 204, 0.18);
    --bg-education: #e8e4f8;
    --border-education: rgba(100, 80, 180, 0.12);
    --bg-contact: #dae6f8;
    --border-contact: rgba(0, 184, 128, 0.18);
    --bg-footer: #e8e4f8;
    --border-footer: rgba(0, 184, 128, 0.12);

    /* Hero */
    --hero-right-bg: #f1effb;
    --hero-right-border: rgba(51, 102, 221, 0.2);
    --hero-photo-border: rgba(0, 184, 128, 0.4);
    --hero-photo-shadow:
        0 0 40px rgba(0, 184, 128, 0.12), 0 0 80px rgba(119, 68, 204, 0.06), 0 20px 60px rgba(0, 0, 0, 0.1);

    /* Buttons */
    --btn-primary-text: #fff;

    /* Component accents */
    --about-icon-bg: rgba(119, 68, 204, 0.12);
    --leadership-icon-bg: rgba(212, 160, 16, 0.12);
    --timeline-card-bar-bg: #f4f2fc;
    --back-to-top-bg: #f8f7fd;
}