:root {
  --color-primary: #1f2937;
  --color-accent: #2563eb;
  --color-bg: #ffffff;
  --color-surface: #f4f7fb;
  --color-surface-blue: #eaf1ff;
  --color-text: #263244;
  --color-text-muted: #5e6b7d;
  --color-line: #dce4ee;
  --color-white: #ffffff;
  --color-ink-soft: #34445a;
  --color-accent-dark: #174dbb;
  --color-sand: #f5f0e8;
  --color-overlay: rgba(20, 31, 48, 0.5);
  --color-overlay-soft: rgba(20, 31, 48, 0.08);
  --color-shadow: rgba(31, 41, 55, 0.12);
  --color-shadow-strong: rgba(31, 41, 55, 0.15);
  --color-white-line: rgba(255, 255, 255, 0.16);
  --radius-sm: 0.25rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6.5rem;
  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Inter", sans-serif;
  --max-width: 1180px;
}