:root {
  --mx-white: #FFFFFF;
  --mx-brown: #936439;
  --mx-red: #FF263C;
  --mx-orange: #FF6700;
  --mx-yellow: #FF9800;
  --mx-green: #00C972;
  --mx-cyan: #00BCA6;
  --mx-blue: #1084FE;
  --mx-violet: #9159FE;
  --mx-magenta: #FF309B;
  --mx-gray: #777777;
  --mx-bg: #050505;
  --mx-bg-elev: #0a0a0a;
  --mx-bg-card: #0e0e0e;
  --mx-bg-row: #111111;
  --mx-fg: #FFFFFF;
  --mx-fg-soft: #F5F5F5;
  --mx-fg-muted: #a3a3a3;
  --mx-fg-dim: #808080;
  --mx-accent: #1084FE;
  --mx-accent-soft: #4BA3FF;
  --mx-accent-secondary: #00BCA6;
  --mx-accent-rare: #9159FE;
  --mx-accent-glow: rgba(16, 132, 254, 0.22);
  --mx-btn-bg: #0b63d6;
  --mx-btn-bg-hover: #0958be;
  --mx-focus: #4BA3FF;
  --mx-border: rgba(255, 255, 255, 0.10);
  --mx-border-soft: rgba(255, 255, 255, 0.06);
  --mx-border-control: rgba(255, 255, 255, 0.40);
  --mx-danger: #FF263C;
  --mx-success: #00C972;
  --mx-caution: #FF9800;
  --mx-radius: 14px;
  --mx-gutter: 24px;
  --mx-card-pad: 24px;
  --mx-shadow-card: 0 0 0 1px rgba(0, 0, 0, 0.4), 0 12px 40px rgba(0, 0, 0, 0.28);
  --mx-shadow-glow: 0 0 60px var(--mx-accent-glow), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --mx-space-1: 4px;
  --mx-space-2: 8px;
  --mx-space-3: 12px;
  --mx-space-4: 16px;
  --mx-space-5: 20px;
  --mx-space-6: 24px;
  --mx-space-7: 28px;
  --mx-space-8: 32px;
  --mx-space-9: 36px;
  --mx-space-10: 40px;
  --mx-space-11: 44px;
  --mx-space-12: 48px;
  --mx-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --font-display: var(--font-sans);
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --ls-caption: 0.08em;
  --ls-label: 0.14em;
  --ls-display: -0.02em;
  --ls-metric: 0.02em;
  --fs-caption: 0.75rem;
  --fs-label: 0.8125rem;
  --fs-body: 1rem;
  --fs-title: 1.25rem;
  --fs-lead: 1.5rem;
  --fs-h1: 2rem;
  --fs-metric: 2.5rem;
  --bg: var(--mx-bg);
  --bg-elev: var(--mx-bg-elev);
  --bg-card: var(--mx-bg-card);
  --bg-row: var(--mx-bg-row);
  --fg: var(--mx-fg);
  --fg-soft: var(--mx-fg-soft);
  --fg-muted: var(--mx-fg-muted);
  --fg-dim: var(--mx-fg-dim);
  --accent: var(--mx-accent);
  --accent-soft: var(--mx-accent-soft);
  --accent-secondary: var(--mx-accent-secondary);
  --accent-rare: var(--mx-accent-rare);
  --accent-glow: var(--mx-accent-glow);
  --border: var(--mx-border);
  --border-soft: var(--mx-border-soft);
  --danger: var(--mx-danger);
  --success: var(--mx-success);
  --radius: var(--mx-radius);
  --gutter: var(--mx-gutter);
  --card-pad: var(--mx-card-pad);
  --sans: var(--font-sans);
  --mono: var(--font-mono);
  --display: var(--font-sans);
}

[data-mx-mode="deck"] {
  --fs-caption: 14px;
  --fs-label: 15px;
  --fs-body: 18px;
  --fs-title: 22px;
  --fs-lead: 28px;
  --fs-tagline: 36px;
  --fs-h1: 48px;
  --fs-metric: 68px;
  --fs-wordmark: 76px;
  --fs-ask: 96px;
}