:root {
  color-scheme: dark;

  /* Base surfaces + text, lifted directly from the existing site and from
     noah-front.svg's badge circle (--card) and body fill (--paper). */
  --ink: #0b0b0c;
  --paper: #f4f4f5;
  --muted: #a1a1aa;
  --faint: #82828c; /* was #71717a; that failed 4.5:1 at .cta-label's size */
  --line: #3f3f46;
  --line-soft: #26262b;
  --card: #18181b;
  --well: #0b0b0c;

  /* Noah's two accents: orange (sensor + wheel hubs) is the primary accent
     for CTAs/progress/success; sky blue (eyes) is informational only. */
  --accent: #ff9f43;
  --accent-soft: #ffb066;
  --info: #4da3ff;
  --error: #ff8a80;

  --r-control: 10px;
  --r-card: 16px;

  /* Expansion map basemap only — a shade darker than --well so the map
     reads as an inset within the card, not a flat continuation of it. */
  --map-land: #101013;
  --map-water: #0d1520;

  /* Paper surfaces — light cards on the night canvas. --paper is already
     the site's white (app-store badges, Noah's shell); these extend that
     one material into card surfaces rather than introducing a second. */
  --paper-bright: #ffffff; /* input fields; badge/chip hover lift */
  --paper-well: #e9e9ec; /* recessed fills on paper (quote, tiles, idle chips) */
  --paper-line: #a1a1aa; /* control outlines on paper (ghost, pills, step dots) */
  --paper-line-soft: #e4e4e7; /* hairline dividers on paper; popover edge */

  /* Ink text tiers on paper ("text on paper is ink") */
  --ink-muted: #52525b; /* 7.0:1 on paper — ledes, descriptions, counts */
  --ink-faint: #6b6b74; /* 4.8:1 on paper — eyebrows, micro, honor; input borders */

  /* Accents brewed darker for text on paper — fills keep the originals;
     orange/blue/error text fails contrast directly on paper (1.9/2.4/2.1:1). */
  --accent-ink: #a85500; /* 4.8:1 — orange as text on paper */
  --info-ink: #1a66c9; /* 5.0:1 — blue as text on paper */
  --error-ink: #c62828; /* 5.1:1 — error text + invalid borders on paper */
  --error-ink-hover: #a81f1f; /* pressed/hover shade for destructive buttons */
  --accent-wash: #fff3e6; /* warm celebration tint: banners, pressed chips */

  --focus-ring: var(--paper); /* paper scope reassigns this to var(--ink) */
  --shadow-pop: 0 12px 32px -8px rgba(11, 11, 12, 0.35); /* floating layers only */
}