/* ============================================================
   Nationwide Dent Repair — Design Tokens
   Premium Blue + Chrome (monochromatic). LOCKED per 03 §2.
   NO ORANGE. Navy + white + one cobalt + chrome/platinum.
   ============================================================ */
:root{
  /* --- Blues --- */
  --navy-950:#060E20;
  --navy-900:#081734;   /* client's kept navy */
  --navy-800:#0E2148;
  --navy-700:#16315E;
  --blue-600:#1E47C8;   /* primary action */
  --blue-500:#3B6BF0;   /* hover / focus / highlight */
  --blue-100:#E7ECFA;

  /* --- Chrome / platinum neutrals (the premium lever) --- */
  --porcelain-50:#F6F8FC;
  --mist-100:#E9EEF5;
  --platinum-300:#C9D2DE;
  --silver-500:#7C8898;
  --ink-900:#0B1220;
  --white:#FFFFFF;

  /* --- Functional only (not brand colors) --- */
  --success:#1FA971;
  --danger:#E5484D;
  --gold:#C9A86A;       /* champagne — stars only, optional */

  /* --- Surface treatments --- */
  --chrome:linear-gradient(180deg,#E8EDF4 0%,#B7C2D0 48%,#8E9BAC 52%,#D5DDE7 100%);
  --brushed:linear-gradient(180deg,#DCE3EC,#AAB6C4 55%,#C9D2DE);
  --navy-depth:linear-gradient(135deg,var(--navy-950),var(--navy-900));
  --scrim:rgba(8,23,52,0.60);

  /* --- Radius --- */
  --r-sm:8px;
  --r-md:14px;
  --r-lg:22px;

  /* --- Shadow --- */
  --shadow-card:0 6px 24px rgba(8,23,52,.10);
  --shadow-pop:0 18px 48px rgba(8,23,52,.22);

  /* --- Spacing scale (4-based) --- */
  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;

  /* --- Layout --- */
  --container:1200px;
  --gutter:24px;

  /* --- Type --- */
  --font-display:'Saira Condensed','Archivo',system-ui,sans-serif;
  --font-voice:'Saira','Archivo',system-ui,sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* --- Sticky bits --- */
  --header-h:86px;
  --mobilebar-h:64px;
}