:root {
  --font-heading: "Source Sans 3", "Segoe UI", sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;

  --color-page: #f7f8fa;
  --color-surface: #ffffff;
  --color-surface-muted: #fbfbfb;
  --color-header: #2f216f;
  --color-primary: #032c58;
  --color-primary-hover: #022243;
  --color-primary-contrast: #ffffff;
  --color-text: #3f4349;
  --color-text-strong: #203240;
  --color-muted: #666a70;
  --color-border: #d7d9de;
  --color-nav-border: #d3d4d8;
  --color-accent: #d4c0a2;
  --color-error: #a63f32;
  --color-success: #1d6b4f;
  --color-shadow: rgba(18, 27, 42, 0.08);

  --radius-sm: 0.6rem;
  --radius-md: 1rem;
  --radius-lg: 0;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  --container-width: 1100px;
  --content-width: 980px;
  --input-height: 3.1rem;
  --border-width: 1px;
  --shadow-soft: 0 10px 28px var(--color-shadow);
}