/* =====================================================================
   Theme: Midnight & Gold
   ---------------------------------------------------------------------
   A theme only fills colour slots (--cs-*). base.css turns them into
   Bootstrap's own variables and the site's layout. To add a theme:
   copy this file, rename the data-cs-theme value, change the colours,
   and add it to the theme list (CarSale.Web/Models → SiteThemes).

   Contrast (text on its own background):
   LIGHT  text #111827 on page #f5f3ee 15.9:1 · on card #fff 17.7:1
          muted #4b5563 on #fff 7.6:1 · gold text #7a5c14 on #fff 6.2:1
          button #fff on navy #0b1220 18.9:1 · menu #e5e7eb on #0b1220 15.6:1
   DARK   text #e5e7eb on page #0b1220 15.6:1 · on card #121b2d 14.3:1
          muted #a3aec2 on #121b2d 8.0:1
          button #0b1220 on gold #d4a843 8.9:1 · menu gold #d4a843 on #070c16 9.4:1
   ===================================================================== */

:root[data-cs-theme="midnight-gold"] {
    /* surfaces + text */
    --cs-page: #f5f3ee;
    --cs-surface: #ffffff;
    --cs-surface-2: #f4f1e9;
    --cs-text: #111827;
    --cs-muted: #4b5563;
    --cs-border: #e2ddd0;
    --cs-input-bg: #ffffff;
    --cs-input-border: #c9c2b1;
    --cs-shadow: 0 1px 2px rgba(17, 24, 39, .06), 0 6px 18px rgba(17, 24, 39, .05);

    /* main action (buttons, active pills, focus) */
    --cs-primary: #0b1220;
    --cs-primary-hover: #1b2740;
    --cs-primary-active: #26344f;
    --cs-on-primary: #ffffff;
    --cs-primary-rgb: 11, 18, 32;

    /* brand accent (gold highlights, secondary call to action) */
    --cs-accent: #d4a843;
    --cs-accent-hover: #e2bb5e;
    --cs-on-accent: #0b1220;
    --cs-accent-text: #7a5c14;

    /* soft (subtle) tints */
    --cs-soft: #eef1f7;
    --cs-soft-border: #cdd5e3;
    --cs-soft-text: #1b2740;
    --cs-danger: #dc2626;
    --cs-danger-soft: #fef2f2;
    --cs-danger-soft-border: #fecaca;
    --cs-danger-text: #b91c1c;
    --cs-success: #047857;
    --cs-success-soft: #ecfdf5;
    --cs-success-soft-border: #a7f3d0;
    --cs-success-text: #047857;
    --cs-warning-soft: #fffbeb;
    --cs-warning-soft-border: #fcd34d;
    --cs-warning-text: #92400e;
    --cs-info-soft: #eef1f7;
    --cs-info-soft-border: #cdd5e3;
    --cs-info-text: #1b2740;

    /* navigation (always midnight, both modes) */
    --cs-nav-bg: #0b1220;
    --cs-nav-bg-2: #1b2740;
    --cs-nav-text: #e5e7eb;
    --cs-nav-muted: #9aa6bb;
    --cs-nav-line: #d4a843;
    --cs-nav-active-text: #d4a843;
    --cs-nav-active-bg: #16213a;

    /* big banner on the public site */
    --cs-hero-from: #1d2a44;
    --cs-hero-to: #0b1220;
    --cs-hero-text: #f3f4f6;
    --cs-hero-muted: #cbd5e1;

    /* home page design "Light and airy" (cream page)
       text #1c1a16 on #f7f4ec 16.1:1 · muted #57534a 7.2:1 · gold text #7a5c14 5.9:1 · button text #f7f4ec on #1c1a16 16.1:1 */
    --cs-airy-page: #f7f4ec;
    --cs-airy-surface: #fffdf8;
    --cs-airy-line: #e3dccb;
    --cs-airy-text: #1c1a16;
    --cs-airy-muted: #57534a;
    --cs-airy-gold: #7a5c14;
    --cs-airy-band: #efe8d8;
    --cs-airy-btn-bg: #1c1a16;
    --cs-airy-btn-text: #f7f4ec;
    --cs-airy-btn-hover: #3a352c;

    /* home page design "Midnight editorial" (white paper in light mode)
       text #0b1220 on #f7f5f0 17.6:1 · muted #4b5563 7.1:1 · gold text #7a5c14 5.9:1 */
    --cs-ed-page: #f7f5f0;
    --cs-ed-text: #0b1220;
    --cs-ed-muted: #4b5563;
    --cs-ed-line: #d9d3c4;
    --cs-ed-gold: #7a5c14;
    --cs-ed-rule: #b8913a;
}

:root[data-cs-theme="midnight-gold"][data-bs-theme="dark"] {
    --cs-page: #0b1220;
    --cs-surface: #121b2d;
    --cs-surface-2: #1a2439;
    --cs-text: #e5e7eb;
    --cs-muted: #a3aec2;
    --cs-border: #2a3752;
    --cs-input-bg: #0e1626;
    --cs-input-border: #3b4a68;
    --cs-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 22px rgba(0, 0, 0, .3);

    --cs-primary: #d4a843;
    --cs-primary-hover: #e2bb5e;
    --cs-primary-active: #c29632;
    --cs-on-primary: #0b1220;
    --cs-primary-rgb: 212, 168, 67;

    --cs-accent: #d4a843;
    --cs-accent-hover: #e2bb5e;
    --cs-on-accent: #0b1220;
    --cs-accent-text: #e2bb5e;

    --cs-soft: #2a2410;
    --cs-soft-border: #5c4b1c;
    --cs-soft-text: #f0d58a;
    --cs-danger: #ef4444;
    --cs-danger-soft: #3b1d24;
    --cs-danger-soft-border: #7f2d38;
    --cs-danger-text: #fca5a5;
    --cs-success: #10b981;
    --cs-success-soft: #0f3a2e;
    --cs-success-soft-border: #1f6b53;
    --cs-success-text: #6ee7b7;
    --cs-warning-soft: #3a2e0e;
    --cs-warning-soft-border: #7a5d12;
    --cs-warning-text: #fcd34d;
    --cs-info-soft: #17223a;
    --cs-info-soft-border: #34466b;
    --cs-info-text: #c7d2fe;

    --cs-nav-bg: #070c16;
    --cs-nav-bg-2: #16213a;
    --cs-nav-text: #e5e7eb;
    --cs-nav-muted: #9aa6bb;
    --cs-nav-line: #d4a843;
    --cs-nav-active-text: #d4a843;
    --cs-nav-active-bg: #16213a;

    --cs-hero-from: #1a2540;
    --cs-hero-to: #070c16;
    --cs-hero-text: #f3f4f6;
    --cs-hero-muted: #cbd5e1;

    /* "Light and airy" in dark mode: soft deep navy
       text #ece8df on #0f1522 15.2:1 · muted #b3ad9f 8.3:1 · gold #e2bb5e 10.3:1 · button #0b1220 on #d4a843 8.9:1 */
    --cs-airy-page: #0f1522;
    --cs-airy-surface: #172033;
    --cs-airy-line: #2a3550;
    --cs-airy-text: #ece8df;
    --cs-airy-muted: #b3ad9f;
    --cs-airy-gold: #e2bb5e;
    --cs-airy-band: #1a2438;
    --cs-airy-btn-bg: #d4a843;
    --cs-airy-btn-text: #0b1220;
    --cs-airy-btn-hover: #e2bb5e;

    /* "Midnight editorial" in dark mode
       text #ffffff on #0b1220 18.9:1 · muted #a3aec2 8.6:1 · gold #d4a843 8.9:1 */
    --cs-ed-page: #0b1220;
    --cs-ed-text: #ffffff;
    --cs-ed-muted: #a3aec2;
    --cs-ed-line: #1f2b44;
    --cs-ed-gold: #d4a843;
    --cs-ed-rule: #d4a843;
}