:root {
  --color-bg: #0b1020;
  --color-surface: #ffffff;
  --color-surface-muted: #f5f7fb;
  --color-surface-overlay: #ffffffee;
  --color-surface-strong: #ffffff;
  --color-table-head: #eef3ff;
  --color-text: #172033;
  --color-text-muted: #4a5670;
  --color-text-inverse: #ffffff;
  --color-text-inverse-muted: #dbe5ff;
  --color-border: #d6deed;
  --color-primary: #1d4ed8;
  --color-primary-strong: #1e40af;
  --color-focus: #f59e0b;

  --color-launch: #0f766e;
  --color-growth: #7c3aed;
  --color-platform: #b45309;

  --font-base: "Segoe UI", Roboto, Arial, sans-serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-sm: 0.4rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;

  --shadow-sm: 0 1px 2px rgba(12, 24, 48, 0.08);
  --shadow-md: 0 8px 24px rgba(12, 24, 48, 0.08);

  --container-max: 1100px;

  --fs-sm: 0.92rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.35rem;
  --fs-2xl: 1.8rem;
  --fs-3xl: 2.4rem;

  --lh-base: 1.6;
  --lh-tight: 1.25;

  --bp-md: 760px;
  --bp-lg: 1024px;
}