:root {
  --color-ink: #f5f7fb;
  --color-muted: #bdbdbd;
  --color-soft: #111111;
  --color-paper: #050505;
  --color-panel: #0b0b0b;
  --color-panel-raised: #181818;
  --color-line: #303030;
  --color-brand: #ffffff;
  --color-brand-dark: #101010;
  --color-accent: #e8e8e8;
  --color-success: #f5f5f5;
  --color-error: #d7d7d7;
  --font-base: "Mona Sans", "Segoe UI";
  --font-display: "Mona Sans", "Segoe UI";
  --text-xs: 0.78rem;
  --text-sm: 0.86rem;
  --text-md: 1rem;
  --text-lg: 1.16rem;
  --text-xl: 1.18rem;
  --text-2xl: 1.45rem;
  --text-3xl: 4.85rem;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
  --line-tight: 1.1;
  --line-normal: 1.65;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 5.5rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-soft: 0 20px 60px rgba(0, 0, 0, 0.45);
  --container: 1650px;
  --header-height: 72px;
  --z-header: 20;
  --z-menu: 30;
  --transition: 180ms ease;
}