/* ===========================================================================
   CTW design tokens  —  source: design/HANDOFF-README.md "Design Tokens"
   =========================================================================== */
:root {
  /* Brand / cobalt */
  --cobalt: #2F6BFF;
  --cobalt-deep: #1E52D6;          /* hover */
  --cobalt-ink: #2F4FB8;           /* eyebrow text on tint */
  --cobalt-tint: #EDEBFF;          /* chip bg */
  --cobalt-tint-bg: #F4F7FF;       /* gate banner bg */
  --cobalt-tint-border: #cdd9ff;   /* gate banner border */

  /* Ink / text */
  --ink: #16181c;
  --body: #57534d;
  --slate: #6b6660;
  --muted: #8a857f;
  --nav: #33302b;

  /* Warm neutrals / hairlines */
  --hair: #ECE8E1;
  --hair-2: #E1DCD3;
  --hair-3: #F1EDE6;
  --paper: #F5F3EE;

  /* Success (dealer pricing active) */
  --ok-bg: #ECF7EF;
  --ok-border: #bfe6c9;
  --ok-text: #276749;
  --ok-dot: #1f9d55;

  /* Dark footer / carrier strip */
  --footer-bg: #111318;
  --strip-bg: #16181C;
  --strip-card: #20242C;
  --strip-card-border: #2b3038;
  --footer-div: #23272f;
  --footer-text: #B9BEC7;
  --footer-muted: #7c8797;
  --footer-label: #5c6470;

  /* Placeholder stripes */
  --stripe-a: #EFEBE4;
  --stripe-b: #E7E2D9;
  --stripe-label: #a49d92;

  /* Layout */
  --wrap: 1180px;
  --pad: 20px;                     /* mobile side padding */
  --pad-lg: 40px;                  /* desktop side padding */

  /* Radius */
  --r-pill: 11px;
  --r-btn: 13px;
  --r-card: 16px;
  --r-tile: 10px;

  /* Type */
  --font-ui: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Motion */
  --ease: cubic-bezier(.2, .6, .2, 1);
}