/* MMEC Design System — generated from tokens.json */
:root, [data-theme="dark"] {
  --ground: #131722;
  --ground-pane: #161a25;
  --surface-panel: #131722f0;
  --surface-2: #1e222d;
  --surface-3: #2a2e39;
  --line: #2a2e39;
  --line-strong: #363a45;
  --text: #d1d4dc;
  --text-muted: #9598a1;
  --text-axis: #b2b5be;
  --text-dim: #787b86;
  --text-on-accent: #1a1406;
  --white: #ffffff;
  --gold: #ffb74d;
  --gold-hover: #ffcc80;
  --gold-chip: #3a2a10;
  --gold-stage: #2a2214;
  --gold-wash: #ffb74d1f;
  --up: #26a69a;
  --down: #ef5350;
  --up-wash: #26a69a33;
  --down-wash: #ef535033;
  --neutral: #787b86;
  --info: #42a5f5;
  --info-wash: #42a5f51f;
  --flow: #b388ff;
  --warning: var(--impact-4);
  --warning-wash: #ff980029;
  --up-text: #4dd0c4;
  --down-text: #ff8a85;
  --series-gex: #7986cb;
  --series-iv: #ce93d8;
  --series-rv: #80deea;
  --price-line: var(--text-axis);
  --level-cw-pw: #e040fb;
  --level-key: #2962ff;
  --level-vol: #ffa726;
  --level-dyn: #00bcd4;
  --news: #66bb6a;
  --impact-1: #787b86;
  --impact-2: #b2b5be;
  --impact-3: #ffb74d;
  --impact-4: #ff9800;
  --impact-5: #ef5350;
  --regime-negative: var(--gold);
  --regime-positive: var(--up);
  --figure-suit: #1e2a4a;
  --figure-tie: #d7263d;
  --figure-skin: #e9a46a;
  --figure-skin-deep: #d9925a;
  --figure-hair: #f2c14e;
  --figure-hair-line: #d9a63a;
  --figure-brow: var(--figure-hair-line);
  --figure-eye: #5a3a22;
  --figure-mouth: #5a2418;
  --figure-shirt: #f4f4f2;
  --email-bg: #ffffff;
  --email-text: #141413;
  --email-muted: #5f6368;
  --email-line: #e3e3e3;
  --shadow-panel: 0 4px 16px #0000008c;
  --shadow-sheet: 0 -8px 24px #000000a6;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --z-markers: 10;
  --z-tape: 15;
  --z-panels: 20;
  --z-pill: 30;
  --z-tooltip: 35;
  --z-toast: 40;
  --z-sheet: 50;
  --heat-1: 0.18;
  --heat-2: 0.32;
  --heat-3: 0.50;
  --heat-4: 0.68;
  --heat-5: 0.85;
  --motion-hair-lift: 700ms;
  --motion-hair-flutter: 600ms;
  --motion-banner-pulse: 1600ms;
  --motion-card-in: 220ms;
  --motion-state: 150ms;
  --motion-tape: 70s;
  --font-sans: Inter, -apple-system, 'Segoe UI', 'Trebuchet MS', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, 'Courier New', monospace;
  --font-arabic: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', Tahoma, sans-serif;
}
.label-10 { font-family: var(--font-sans); font-size: 10px; line-height: 12px; font-weight: 700; letter-spacing: 0.08em; }
.label-11 { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 600; letter-spacing: 0.06em; }
.caption-11 { font-family: var(--font-sans); font-size: 11px; line-height: 15px; font-weight: 400; }
.body-12 { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.body-13 { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.title-15 { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; }
.heading-18 { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: -0.01em; }
.display-24 { font-family: var(--font-sans); font-size: 24px; line-height: 28px; font-weight: 700; letter-spacing: -0.02em; }
.display-56 { font-family: var(--font-sans); font-size: 56px; line-height: 60px; font-weight: 700; letter-spacing: -0.025em; }
.display-40 { font-family: var(--font-sans); font-size: 40px; line-height: 46px; font-weight: 700; letter-spacing: -0.02em; }
.display-30 { font-family: var(--font-sans); font-size: 30px; line-height: 36px; font-weight: 700; letter-spacing: -0.015em; }
.body-17 { font-family: var(--font-sans); font-size: 17px; line-height: 26px; font-weight: 400; }
.mono-display { font-family: var(--font-mono); font-size: 44px; line-height: 48px; font-weight: 700; }
.mono-10 { font-family: var(--font-mono); font-size: 10px; line-height: 12px; font-weight: 400; }
.mono-11 { font-family: var(--font-mono); font-size: 11px; line-height: 14px; font-weight: 400; }
.mono-13 { font-family: var(--font-mono); font-size: 13px; line-height: 16px; font-weight: 600; }
.mono-16 { font-family: var(--font-mono); font-size: 16px; line-height: 20px; font-weight: 600; }
.ar-body-13 { font-family: var(--font-arabic); font-size: 13px; line-height: 20px; font-weight: 400; }
.ar-title-15 { font-family: var(--font-arabic); font-size: 15px; line-height: 22px; font-weight: 600; }