/* ============================================================================
   CLARIFY SKIN for Operation Daybreak  (token-override only)
   Loaded AFTER the app bundle CSS, so these :root custom-property values win
   the cascade and re-skin every component that reads a design token — no
   React rebuild, no component edits. Original sga-daybreak-v2 untouched.

   Maps Daybreak's design-tokens.css vars -> Clarify (reference-faithful:
   soft / rounded / green-forward). Mirrors sga/.claude/skills/clarify/.
   Charts whose colors are hardcoded JS consts (S-Curve / forecast) are NOT
   reachable from CSS and stay blue/navy — would need a bundle rebuild.
   ============================================================================ */

:root {
  /* --- surfaces (softer, cooler gray page) --- */
  --paper:      #f0f1f3;
  --surface-0:  #f0f1f3;   /* page bg */
  --surface-1:  #ffffff;   /* card */
  --surface-2:  #f8f9fb;   /* nested panel / zebra */
  --surface-3:  #eef0f3;   /* row hover */
  --mid:        #eef0f3;   /* hairline borders/dividers */

  /* --- text / accent --- */
  --navy:       #1a1d21;   /* headings + value text -> Clarify near-black */
  --ink-lt:     #6b7280;   /* supporting text -> Clarify muted */
  --blue:       #16a34a;   /* action/accent -> Clarify green-forward */

  /* --- operational status (vivid Clarify good/watch/critical + pastel bg) --- */
  --good:       #16a34a;  --good-bg:   #dcfce7;
  --warn:       #b45309;  --warn-bg:   #fef3c7;
  --orange:     #ea580c;  --orange-bg: #ffedd5;
  --crit:       #ef4444;  --crit-bg:   #fee2e2;
  --miss:       #9ca3af;  --miss-bg:   #f1f5f9;
  --plan:       #8b5cf6;  --plan-bg:   #ede9fe;   /* violet, Clarify chart accent */
  --hist:       #0891b2;  --hist-bg:   #cffafe;

  /* --- typography -> Inter (reference-faithful), numbers stay tabular --- */
  --font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* --- shape: bigger radius, true pills --- */
  --radius-pill:   999px;
  --radius-card:   18px;
  --radius-drawer: 20px;

  /* --- depth: soft Clarify shadows (replace navy-tinted set) --- */
  --e1: 0 1px 2px rgba(16,24,40,.04);
  --e2: 0 1px 3px rgba(16,24,40,.04), 0 10px 28px -14px rgba(16,24,40,.18);
  --e3: -16px 0 48px -20px rgba(16,24,40,.22);
}

/* Inter renders the big number scales a touch lighter than JetBrains Mono;
   nudge weight + tabular figures so KPI values stay crisp. */
:root { --type-num-xl-weight: 800; --type-num-m-weight: 700; }