/* =============================================================================
   Design tokens — two zones, themed independently.
     --dv-*  Datavation portfolio chrome (matches datavation.ai v4 tokens)
     --b-*   the business surface (.biz), written at runtime from the selected
             business configuration by core/business.js. Values here are only
             the fallback if no business theme has been applied.
   No component hard-codes a colour; everything reads one of these.
   ========================================================================== */
:root {
  --dv-navy: #152879;
  --dv-navy-deep: #0E2841;
  --dv-ink: #141518;
  --dv-body: #3A3F4A;
  --dv-grey: #6B6B70;
  --dv-orange: #EC751A;
  --dv-orange-text: #AD500C;
  --dv-cream: #FFF7EE;
  --dv-cream-2: #FBEFE0;
  --dv-card: #FFFFFF;
  --dv-border: #F0E3D3;
  --dv-border-2: #D9CBB8;
  --dv-good: #1F4F37;
  --dv-good-bg: #EAF2ED;
  --dv-warn: #8A5A12;
  --dv-warn-bg: #FBF1DE;
  --dv-stop: #8F2F2F;
  --dv-stop-bg: #F8E7E5;
  --dv-future: #3E4C7A;
  --dv-future-bg: #E9ECF6;
  --dv-display: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --dv-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --dv-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --dv-r: 16px;
  --dv-r-sm: 10px;
  --dv-shadow: 0 1px 2px rgba(20, 21, 24, .05), 0 10px 30px -18px rgba(20, 21, 24, .35);

  --b-ink: #16201c;
  --b-ink-soft: #4a5751;
  --b-bg: #f6f5f1;
  --b-surface: #ffffff;
  --b-line: #dfdcd4;
  --b-accent: #1f5d46;
  --b-accent-ink: #ffffff;
  --b-accent-soft: #e8f0ec;
  --b-highlight: #b5651d;
  --b-display: system-ui, sans-serif;
  --b-body: system-ui, sans-serif;
  --b-radius: 12px;
}