:root {
  --color-background: #f3f6fc;
  --color-surface: #ffffff;
  --color-surface-soft: #eef3f7;
  --color-primary: #4763ff;
  --color-primary-dark: #243bd6;
  --color-accent: #1f8f78;
  --color-text: #17242b;
  --color-muted: #5e6e78;
  --color-border: #d8e0e5;
  --color-focus: #b45f3b;
  --color-success-bg: #e7f4ed;
  --color-success: #236245;
  --color-beta-bg: #fff3d8;
  --color-beta: #7a5200;
  --color-planned-bg: #edf0f4;
  --color-planned: #53606b;
  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-sm: 0 12px 32px rgba(54, 78, 140, 0.12);
  --container-width: 1160px;
  --container-narrow: 820px;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --font-sm: 0.92rem;
  --font-md: 1rem;
  --font-lg: 1.18rem;
  --font-xl: 1.55rem;
  --font-2xl: 2.3rem;
  --duration-fast: 160ms;
}