:root {
  --bg: #f5f5f7; --surface: #fdfdfc; --surface-2: #e8e8ed; --ink: #1d1d1f; --ink-muted: #5a5a60;
  --line: #d2d2d7; --line-strong: #8e8e93;
  --brand: #0b2a84; --brand-pressed: #071d5e; --on-brand: #fdfdfc; --brand-tint: #e6ecf8;
  --accent: #b07d00; --on-accent: #1d1d1f; --accent-tint: #fbf3d2;
  --success: #1a7f37; --warning: #b4540a; --danger: #c9302c; --gold: #f6cf3f; --on-gold: #2a2200;
  --energy-a: #00a651; --energy-b: #50b848; --energy-c: #bed630; --energy-d: #fff200; --energy-e: #fdb913; --energy-f: #f37021; --energy-g: #ed1c24; --on-energy-dark: #111113;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, Arial, sans-serif;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-pill: 999px;
  --tap-min: 44px; --tap-pos: 64px; --content-max: 1200px;
  --shadow-card: 0 4px 16px rgba(0,0,0,.08); --shadow-sheet: 0 -8px 32px rgba(0,0,0,.16);
}