/*
 * theme-dark-system.css
 * Applied only when the OS/browser colour scheme is dark AND
 * the user has not manually set a theme preference.
 * Loaded via <link media="(prefers-color-scheme: dark)"> so
 * it is skipped entirely in light mode (no parse cost, no
 * Lighthouse "unused CSS" penalty).
 */
:root:not([data-theme="light"]):not([data-theme="dark"]) {
    --bg:         #0a1210;
    --bg-alt:     #101e1a;
    --bg-card:    #162420;
    --bg-card-2:  #1e2f28;
    --text-h:     #e8f4f0;
    --text:       #9bbfb5;
    --muted:      #8aada5;
    --border:     rgba(82, 183, 136, 0.13);
    --border-h:   rgba(82, 183, 136, 0.32);
    --green:      #2d6a4f;
    --green-mid:  #40916c;
    --green-lt:   #52b788;
    --green-pale: #95d5b2;
    --nav-bg:     rgba(10, 18, 16, 0.97);
    --nav-text:   #e8f4f0;
    --shadow:     0 2px 16px rgba(0,0,0,0.4);
    --preloader-bg: #0a1210;
    --hero-bg:        #0a1210;
    --hero-grid:      rgba(82,183,136,0.04);
    --hero-glow-a:    rgba(45,106,79,0.22);
    --hero-glow-b:    rgba(64,145,108,0.10);
    --hero-accent:    #52b788;
    --hero-title:     #e8f4f0;
    --hero-body:      #9bbfb5;
    --hero-pill-c:    #95d5b2;
    --hero-pill-bg:   rgba(45,106,79,0.10);
    --hero-pill-bd:   rgba(149,213,178,0.20);
    --hero-outline-c: #e8f4f0;
    --hero-outline-bd:rgba(232,244,240,0.22);
    --hero-stat-bd:   rgba(82,183,136,0.13);
    --hero-scroll-c:  #8aada5;
    --hero-nav-text:  #ffffff;
    --hero-nav-hover: #52b788;
    --logo-filter:    invert(1);
}