/* Ergano: shared desktop/mobile identity. Mirrors Figma collection 2:2. */
:root {
  --nav: #123e67;
  --primary: #2165aa;
  --ink: #142b45;
  --muted: #64748b;
  --bg: #f3f6fa;
  --surface: #ffffff;
  --line: #dce5ef;
  --shift-1: #dbeafe;
  --shift-2: #fef0c7;
  --shift-3: #e9ddfb;
  --shift-M: #e0e7ff;
  --shift-R: #e5e9ef;
  --shift-A: #dcf3e6;
  --font: Inter, system-ui, sans-serif;
  --radius-control: 8px;
  --radius-card: 14px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
}
/* These semantics must never change at a responsive breakpoint. */
[data-shift='1'] { background: var(--shift-1); }
[data-shift='2'] { background: var(--shift-2); }
[data-shift='3'] { background: var(--shift-3); }
[data-shift='M'] { background: var(--shift-M); }
[data-shift='R'] { background: var(--shift-R); }
[data-shift='A'] { background: var(--shift-A); }
[data-shift] { color: var(--ink); font-variant-numeric: tabular-nums; }