/* ============================================
   DealTunnel Ops Dashboard — Design Tokens
   ============================================ */

:root {
  --canvas: #FFFFFF;
  --surface: #F6F7F5;
  --text: #101112;
  --grey: #6B6F6B;
  --hairline: rgba(16, 17, 18, 0.14);
  --hairline-soft: rgba(16, 17, 18, 0.07);
  --acc-text: #067647;
  --acc-fill: #05DF72;
  --hl-bg: #05DF72;
  --hl-text: #101112;
  --dot-off: #E1E4E1;
  --nav-bg: rgba(255, 255, 255, 0.88);
  --flash-bg: rgba(5, 223, 114, 0.22);
  --warn-bg: rgba(245, 158, 11, 0.12);
  --warn-text: #92400e;
  --warn-border: rgba(245, 158, 11, 0.3);
  --danger-bg: rgba(239, 68, 68, 0.08);
  --danger-text: #991b1b;
  --danger-border: rgba(239, 68, 68, 0.25);
  --sans: 'Geist', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --mono: 'Geist Mono', 'SF Mono', ui-monospace, Menlo, monospace;
}

html[data-theme="dark"] {
  --canvas: #0C0C0E;
  --surface: #131316;
  --text: #E8E4DC;
  --grey: #9A9690;
  --hairline: rgba(232, 228, 220, 0.14);
  --hairline-soft: rgba(232, 228, 220, 0.08);
  --acc-text: #05DF72;
  --acc-fill: #05DF72;
  --hl-bg: transparent;
  --hl-text: #05DF72;
  --dot-off: #222228;
  --nav-bg: rgba(12, 12, 14, 0.9);
  --flash-bg: rgba(5, 223, 114, 0.12);
  --warn-bg: rgba(245, 158, 11, 0.08);
  --warn-text: #fbbf24;
  --warn-border: rgba(245, 158, 11, 0.2);
  --danger-bg: rgba(239, 68, 68, 0.08);
  --danger-text: #f87171;
  --danger-border: rgba(239, 68, 68, 0.2);
}