/* =====================================================================
   Prime Car — Classic theme · dark mode
   Token overrides only (plus a handful of component touches that cannot be
   expressed as tokens). Loaded on every page; inert unless
   <html data-mode="dark">. The Showroom theme loads after this file and
   overrides it with its own palettes.
   ===================================================================== */
:root[data-mode="dark"] {
    color-scheme: dark;

    --pc-primary:      #EF4450;
    --pc-primary-600:  #D72F3C;
    --pc-primary-700:  #B51F2B;
    --pc-primary-050:  rgba(239, 68, 80, .14);
    --pc-primary-100:  rgba(239, 68, 80, .30);
    --pc-primary-200:  rgba(239, 68, 80, .45);

    --pc-gold-050:     rgba(242, 178, 26, .15);
    --pc-gold-ink:     #F2C14E;
    --pc-violet-050:   rgba(225, 162, 0, .15);
    --pc-sky-050:      rgba(46, 144, 250, .15);
    --pc-coral-050:    rgba(239, 68, 80, .15);
    --pc-green-050:    rgba(15, 169, 104, .16);
    --pc-amber-050:    rgba(239, 155, 18, .16);

    --pc-dark:         #262B38;
    --pc-dark-2:       #2E3443;

    --pc-canvas:       #0E1016;
    --pc-surface:      #171A22;
    --pc-surface-2:    #1F232D;
    --pc-line:         rgba(255, 255, 255, .08);
    --pc-line-strong:  rgba(255, 255, 255, .15);
    --pc-track:        rgba(255, 255, 255, .08);

    --pc-ink:          #ECEEF4;
    --pc-body:         #B7BCCA;
    --pc-muted:        #8C92A3;
    --pc-faint:        #6B7183;

    --pc-shadow-xs:   0 1px 2px rgba(0, 0, 0, .35);
    --pc-shadow-sm:   0 1px 2px rgba(0, 0, 0, .35), 0 14px 32px -22px rgba(0, 0, 0, .8);
    --pc-shadow-md:   0 2px 4px rgba(0, 0, 0, .35), 0 22px 44px -26px rgba(0, 0, 0, .85);
    --pc-shadow-lg:   0 2px 4px rgba(0, 0, 0, .4), 0 40px 80px -40px rgba(0, 0, 0, .9);

    --pc-ok-ink:       #4CD98E;
    --pc-warn-ink:     #F4B654;
    --pc-err-ink:      #FF7B72;
    --pc-info-ink:     #7DB2FF;
    --pc-reserved-ink: #F58BB0;
    --pc-ok-tint:      rgba(76, 217, 142, .13);
    --pc-warn-tint:    rgba(244, 182, 84, .13);
    --pc-err-tint:     rgba(255, 123, 114, .13);
    --pc-info-tint:    rgba(125, 178, 255, .13);
    --pc-ok-line:      rgba(76, 217, 142, .32);
    --pc-warn-line:    rgba(244, 182, 84, .32);
    --pc-err-line:     rgba(255, 123, 114, .32);

    --pc-canvas-art:
        radial-gradient(900px 620px at 92% -8%, rgba(239, 68, 80, .07), transparent 60%);
    --pc-scroll:       rgba(255, 255, 255, .16);
    --pc-scroll-hover: rgba(255, 255, 255, .3);

    --pc-side-bg:      #151821;
    --pc-primary-ink:  #FF7A84;

    --pc-chart-grid:   rgba(255, 255, 255, .09);
    --pc-chart-axis:   #8C92A3;
    --pc-chart-dark:   #ECEEF4;

    --wa-bg: #0B141A; --wa-panel: #202C33; --wa-bubble: #202C33; --wa-bubble-mine: #005C4B; --wa-bubble-ai: #1B3354;
    --wa-text: #E9EDEF; --wa-sub: #9AA8B0; --wa-faint: #73828B; --wa-wash: rgba(255, 255, 255, .06);
    --wa-compose: #1A242B; --wa-sys-bg: #1D2A31; --wa-sys-ink: #F5D58A; --wa-green-ink: #4CD98E;
}

/* component touches that need more than a token */
:root[data-mode="dark"] .btn--light { color: var(--pc-ink); }
:root[data-mode="dark"] .card--gold { background: var(--pc-surface); border: 1px solid var(--pc-warn-line); color: var(--pc-ink); }
:root[data-mode="dark"] .card--gold .kct, :root[data-mode="dark"] .card--gold .kcs { color: var(--pc-body); }
:root[data-mode="dark"] .card--gold .kcv { color: var(--pc-warn-ink); }
:root[data-mode="dark"] .card--gold .kci { background: var(--pc-warn-tint); color: var(--pc-warn-ink); }
:root[data-mode="dark"] .sidebar { border-inline-end-color: var(--pc-line-strong); }
:root[data-mode="dark"] .cta-card::after { opacity: .35; }
:root[data-mode="dark"] .pill--ink { background: #ECEEF4; color: #0E1016; }
:root[data-mode="dark"] .chip[aria-pressed="true"] { background: var(--pc-ink); color: var(--pc-canvas); }
:root[data-mode="dark"] .chip[aria-pressed="true"]:hover { color: var(--pc-canvas); }
:root[data-mode="dark"] img.is-doc, :root[data-mode="dark"] .file-preview img { background: #fff; }
:root[data-mode="dark"] mark { background: rgba(242, 178, 26, .35); color: inherit; }
