/* ══════════════════════════════════════════════════════════
   DS Solutions — design tokens
   Single source of truth for both index.html and quote/index.html.

   :root holds the exact current production (dark "Steel Bold v2")
   values — every color, surface, border, and shadow used by either
   page. Refactoring both pages to reference these variables must
   render pixel-identical to production by default.

   html[data-theme="day"] overrides the same variables with a light
   skin. No new selectors are introduced beyond this block; day mode
   is reached purely by variable substitution plus a small number of
   day-scoped rules explicitly called out below (hiding the hero
   video/halo, which cannot be done with a color variable alone).
   ══════════════════════════════════════════════════════════ */
:root {
  /* Surfaces */
  --surface-base:   #0d0b09;
  --surface-card:   rgba(255,255,255,0.05);
  --surface-hero:   linear-gradient(160deg, rgba(215,176,112,0.16), rgba(13,11,9,0.92));
  --surface-stat:   rgba(255,255,255,0.025);
  --surface-input:  rgba(255,255,255,0.04);

  /* Text */
  --text-primary:   #f2ede4;
  --text-secondary: #8b9199;
  --muted-2:        #5c6066;

  /* Accent (gold in dark mode; the P10 day override replaces this
     with the red/orange pair described below) */
  --accent:         #d7b070;
  --accent-bright:  #ecd6a3;
  --accent-warning: #c8963a;
  --accent-critical:#c43030;
  --accent-cta:      var(--accent); /* the "single primary CTA" background — same as --accent in dark mode, diverges only in day mode */
  --accent-cta-text: var(--surface-base); /* CTA button text color — dark mode: surface-base (unchanged, current pixel-identical rendering) */

  /* Status */
  --status-online:      #3d9e72;
  --status-online-tint: rgba(61,158,114,0.14);

  /* Borders */
  --border-quiet:   rgba(255,255,255,0.06);
  --border-active:  rgba(215,176,112,0.35);

  /* Accent tints */
  --accent-tint-weak:   rgba(215,176,112,0.04);
  --accent-tint-medium: rgba(215,176,112,0.12);
  --hero-halo:      rgba(215,176,112,0.32);
  --hero-halo-soft: rgba(215,176,112,0.28);

  /* Overlay */
  --overlay-scrim: rgba(0,0,0,0.6);

  /* Shadows / glow — compound tokens exist so day mode can flatten
     each with a single clean "none" (comma-joining two "none" values
     in one box-shadow is invalid CSS, so shadows that combine --glow
     with a second shadow layer get their own dedicated token). */
  --glow:                 0 0 36px rgba(215,176,112,0.32);
  --shadow-card:          0 8px 28px rgba(0,0,0,0.4);
  --shadow-pane:          0 24px 50px rgba(0,0,0,0.4);
  --shadow-modal:         var(--glow), 0 30px 60px rgba(0,0,0,0.5);
  --shadow-pane-trucking: var(--glow), 0 28px 58px rgba(0,0,0,0.55);
  --shadow-totals:        var(--glow), 0 20px 46px rgba(0,0,0,0.4);

  /* Glassmorphism blur amounts */
  --glass-blur-sm: blur(4px);
  --glass-blur-md: blur(16px);
  --glass-blur-lg: blur(18px);
  --glass-blur-xl: blur(20px);

  --radius-max: 999px; /* unchanged from production; not a P10 concern but kept for reference */
}

/* ── Day mode ─────────────────────────────────────────────
   Light skin: warm white page, white card/pane surfaces with a
   1px light border, ink/muted text, red accent, and the orange
   reserved exclusively for the single primary CTA per viewport
   (.hero-pane-cta on the homepage, .q-submit on the quote page —
   both re-pointed from --accent to --accent-cta for this reason).
   Glassmorphism and glow are flattened to plain white cards by
   zeroing the blur and shadow tokens; nothing else changes. */
html[data-theme="day"] {
  --surface-base:   #FAF8F4;
  --surface-card:   #FFFFFF;
  --surface-hero:   #FFFFFF;
  --surface-stat:   #F5F3EE;
  --surface-input:  #FFFFFF;

  --text-primary:   #1C1A16;
  --text-secondary: #6B6558;
  --muted-2:        #6B6558;

  --accent:         #C0392B;
  --accent-bright:  #C0392B;
  --accent-warning: #C0392B;
  --accent-critical:#A52323;
  --accent-cta:      #E8590C;
  --accent-cta-text: #1C1A16; /* white/paper text on this orange is 3.58:1 — fails WCAG AA at this font size; ink text passes at 4.85:1 */

  --status-online:      #1F7A52;
  --status-online-tint: rgba(31,122,82,0.12);

  --border-quiet:   #E3DED2;
  --border-active:  rgba(192,57,43,0.4);

  --accent-tint-weak:   rgba(192,57,43,0.06);
  --accent-tint-medium: rgba(192,57,43,0.12);
  --hero-halo:      transparent;
  --hero-halo-soft: transparent;

  --overlay-scrim: rgba(28,26,22,0.4);

  --glow:                 none;
  --shadow-card:          none;
  --shadow-pane:          none;
  --shadow-modal:         none;
  --shadow-pane-trucking: none;
  --shadow-totals:        none;

  --glass-blur-sm: none;
  --glass-blur-md: none;
  --glass-blur-lg: none;
  --glass-blur-xl: none;
}