/* ════════════════════════════════════════════════════════════════
   VERIDIAN PULSE — Theme Definitions
   Each [data-theme] selector overrides --vp-* vars from variables.css.
   Legacy aliases in variables.css cascade automatically.
════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════
   GOLD / AMBER THEME  (#f5a623)
══════════════════════════════════════ */
[data-theme="gold"] {
    --vp-bg-primary:        #0f0f12;
    --vp-bg-secondary:      #1a1a1e;
    --vp-bg-field:          #141418;
    --vp-bg-body:           #0a0a0d;
    --vp-bg-card:           #111115;
    --vp-bg-warm:           #2a1e00;

    --vp-accent:            #f5a623;
    --vp-accent-hover:      #e6971d;
    --vp-accent-secondary:  #38b9fa;
    --vp-accent-bg:         color-mix(in srgb, var(--vp-accent) 10%, transparent);
    --vp-accent-border:     color-mix(in srgb, var(--vp-accent) 20%, transparent);

    --vp-text-primary:      #ffffff;
    --vp-text-secondary:    #a0a0a8;
    --vp-text-secondary-a:  rgba(160, 160, 168, 0.7);
    --vp-text-third:        #c8c0b0;
    --vp-text-grey:         #d0d0d4;
    --vp-text-btn:          #0a0a0d;
    --vp-text-muted:        #6a6a72;

    --vp-border:            #2a2a2e;
    --vp-muted-foreground:  45 10% 55%;

    --grey-text:            var(--vp-text-muted);
    --grey-border:          #2a2a2e;
    --bg-color-black-18:    #141418;
    --white-text:           #ffffff;
    --yellow-text:          #f5a623;

    --vp-navbar-bg:         rgba(10, 10, 13, 0.92);
    --vp-menu-bg:           var(--vp-bg-primary);
    --vp-menu-arrow-bg:     var(--vp-bg-primary);
    --vp-accent-glow:       color-mix(in srgb, var(--vp-accent) 6%, transparent);
    --vp-accent-border-sm:  color-mix(in srgb, var(--vp-accent) 15%, transparent);
    --vp-accent-border-md:  color-mix(in srgb, var(--vp-accent) 35%, transparent);
}


/* ══════════════════════════════════════
   OCEAN THEME
══════════════════════════════════════ */
[data-theme="ocean"] {
    --vp-bg-primary:        #0d1b2a;
    --vp-bg-secondary:      #1b2838;
    --vp-bg-field:          #162032;
    --vp-bg-body:           #0a1520;
    --vp-bg-card:           #0f1c2e;
    --vp-bg-warm:           #1a2a3a;

    --vp-accent:            #00d4ff;
    --vp-accent-hover:      #00b8db;
    --vp-accent-secondary:  #ff6b6b;
    --vp-accent-bg:         color-mix(in srgb, var(--vp-accent) 10%, transparent);
    --vp-accent-border:     color-mix(in srgb, var(--vp-accent) 20%, transparent);

    --vp-text-primary:      #e2f4ff;
    --vp-text-secondary:    #8ab4c9;
    --vp-text-secondary-a:  rgba(138, 180, 201, 0.7);
    --vp-text-third:        #7ab0c8;
    --vp-text-grey:         #cce4f0;
    --vp-text-btn:          #0a1520;
    --vp-text-muted:        #6a96ae;

    --vp-border:            #1b2838;
    --vp-muted-foreground:  200 20% 60%;

    --grey-text:            var(--vp-text-muted);
    --grey-border:          #1b2838;
    --bg-color-black-18:    #162032;
    --white-text:           #e2f4ff;
    --yellow-text:          #00d4ff;

    --vp-navbar-bg:         rgba(10, 21, 32, 0.92);
    --vp-menu-bg:           var(--vp-bg-primary);
    --vp-menu-arrow-bg:     var(--vp-bg-primary);
    --vp-accent-glow:       color-mix(in srgb, var(--vp-accent) 6%, transparent);
    --vp-accent-border-sm:  color-mix(in srgb, var(--vp-accent) 15%, transparent);
    --vp-accent-border-md:  color-mix(in srgb, var(--vp-accent) 35%, transparent);
}


/* ══════════════════════════════════════
   EMERALD THEME
══════════════════════════════════════ */
[data-theme="emerald"] {
    --vp-bg-primary:        #0a1f0f;
    --vp-bg-secondary:      #132b1a;
    --vp-bg-field:          #0f2214;
    --vp-bg-body:           #071409;
    --vp-bg-card:           #0c1c10;
    --vp-bg-warm:           #1a3020;

    --vp-accent:            #34d399;
    --vp-accent-hover:      #10b981;
    --vp-accent-secondary:  #fbbf24;
    --vp-accent-bg:         color-mix(in srgb, var(--vp-accent) 10%, transparent);
    --vp-accent-border:     color-mix(in srgb, var(--vp-accent) 20%, transparent);

    --vp-text-primary:      #ecfdf5;
    --vp-text-secondary:    #6ee7b7;
    --vp-text-secondary-a:  rgba(110, 231, 183, 0.7);
    --vp-text-third:        #a7f3d0;
    --vp-text-grey:         #d1fae5;
    --vp-text-btn:          #071409;
    --vp-text-muted:        #4ade80;

    --vp-border:            #132b1a;
    --vp-muted-foreground:  152 20% 65%;

    --grey-text:            var(--vp-text-muted);
    --grey-border:          #132b1a;
    --bg-color-black-18:    #0f2214;
    --white-text:           #ecfdf5;
    --yellow-text:          #34d399;

    --vp-navbar-bg:         rgba(7, 20, 9, 0.92);
    --vp-menu-bg:           var(--vp-bg-primary);
    --vp-menu-arrow-bg:     var(--vp-bg-primary);
    --vp-accent-glow:       color-mix(in srgb, var(--vp-accent) 6%, transparent);
    --vp-accent-border-sm:  color-mix(in srgb, var(--vp-accent) 15%, transparent);
    --vp-accent-border-md:  color-mix(in srgb, var(--vp-accent) 35%, transparent);
}


/* ══════════════════════════════════════
   MIDNIGHT PURPLE THEME
══════════════════════════════════════ */
[data-theme="midnight"] {
    --vp-bg-primary:        #13111c;
    --vp-bg-secondary:      #1e1a2e;
    --vp-bg-field:          #181424;
    --vp-bg-body:           #0e0c18;
    --vp-bg-card:           #110f1a;
    --vp-bg-warm:           #241e38;

    --vp-accent:            #a78bfa;
    --vp-accent-hover:      #8b5cf6;
    --vp-accent-secondary:  #f472b6;
    --vp-accent-bg:         color-mix(in srgb, var(--vp-accent) 10%, transparent);
    --vp-accent-border:     color-mix(in srgb, var(--vp-accent) 20%, transparent);

    --vp-text-primary:      #f5f3ff;
    --vp-text-secondary:    #c4b5fd;
    --vp-text-secondary-a:  rgba(196, 181, 253, 0.7);
    --vp-text-third:        #ddd6fe;
    --vp-text-grey:         #ede9fe;
    --vp-text-btn:          #0e0c18;
    --vp-text-muted:        #a78bfa;

    --vp-border:            #1e1a2e;
    --vp-muted-foreground:  265 20% 65%;

    --grey-text:            var(--vp-text-muted);
    --grey-border:          #1e1a2e;
    --bg-color-black-18:    #181424;
    --white-text:           #f5f3ff;
    --yellow-text:          #a78bfa;

    --vp-navbar-bg:         rgba(14, 12, 24, 0.92);
    --vp-menu-bg:           var(--vp-bg-primary);
    --vp-menu-arrow-bg:     var(--vp-bg-primary);
    --vp-accent-glow:       color-mix(in srgb, var(--vp-accent) 6%, transparent);
    --vp-accent-border-sm:  color-mix(in srgb, var(--vp-accent) 15%, transparent);
    --vp-accent-border-md:  color-mix(in srgb, var(--vp-accent) 35%, transparent);
}