/* ===========================================================================
   "What's the Car Worth?" — Brand Pack v1.0 (Intelligentae)
   Loaded after app.css; maps the app's semantic tokens onto the brand palette
   and type. Aligned to the canonical branded report reference
   (docs/report-prototype-branded.html). Source of truth for the system:
   brand/wtcw-brand-guidelines.html.

   Palette ratio: ~60% Mist/white, ~30% Ink, ~10% Green. Green is the accent
   (links, section labels, live figures, primary action); Plate Yellow marks the
   registration plate and the sell-target highlight. Alert red is used only for
   genuine negative states (fail, untaxed, finance), per Ross's approved reference.
   =========================================================================== */
:root {
  /* Brand palette */
  --ink: #0f1d2e;
  --ink-deep: #0a1521;
  --ink-soft: #2a3a4c;
  --green: #1db877;
  --green-deep: #149a62;
  --plate: #ffce00;
  --mist: #f5f7fa;
  --cloud: #e4e9f0;
  --slate: #5c6b7a;
  --charcoal: #0c141c;
  --white: #ffffff;
  --alert: #c0392b;
  --amber: #b06f00;

  /* Type */
  --sans: 'Inter', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
  --font-sans: var(--sans);
  --font-mono: var(--mono);
  --font-plate: var(--mono);

  /* Surfaces & text */
  --color-bg: var(--mist);
  --color-surface: var(--white);
  --color-surface-alt: var(--mist);
  --color-text: var(--charcoal);
  --color-muted: var(--slate);
  --color-faint: var(--slate);
  --color-disabled: var(--cloud);
  --color-dash: #c4c9d0;

  --color-border: var(--cloud);
  --color-border-soft: #eef1f5;
  --color-border-input: var(--cloud);
  --color-border-alt: var(--cloud);

  /* Interactive: ink for structure/secondary, green for links + primary action */
  --color-primary: var(--ink);
  --color-primary-contrast: var(--white);
  --color-primary-hover: var(--ink-deep);
  --color-link: var(--green-deep);
  --color-btn-bg: var(--green);
  --color-btn-text: var(--ink);
  --color-btn-hover: var(--green-deep);
  --color-section: var(--green-deep);

  /* Accents & semantics */
  --color-rule: var(--green); /* header accent line */
  --color-figure: var(--ink); /* headline numbers in ink; the sell target is highlighted instead */
  --color-derived: var(--ink); /* sell target: ink text on a plate-yellow chip */
  --color-derived-bg: var(--plate);
  --color-good: var(--green-deep);
  --color-good-bg: #e1f6ec;
  --color-bad: var(--alert);
  --color-bad-bg: #fdeceb;
  --color-warn: var(--amber);
  --color-warn-bg: #fff3e0;
  --color-flag-amber-border: #e09b00;
  --color-flag-amber-bg: #fff9ec;
  --color-row-hover: #eef7f2;
  --color-row-active: #e4f5ec;

  /* Number plate: the Plate Yellow nod */
  --color-plate-bg: var(--plate);
  --color-plate-border: #e0b500;
  --color-plate-text: var(--ink);
}