:root {
  color-scheme: light;

  --color-background: #f7f7f4;
  --color-card: #ffffff;
  --color-text: #17181c;
  --color-text-muted: #6b6f76;
  --color-brand-blue: #286da8;
  --color-brand-blue-hover: #1f5b8d;
  --color-brand-blue-soft: #e8f1f8;
  --color-accent-gold: #c9962e;
  --color-accent-dark: #1d1f27;
  --color-border: #e6e3da;
  --color-success: #1f8a5b;
  --color-warning: #c47a1b;
  --color-error: #b42318;
  --color-gold-soft: #f4ead7;
  --color-dark-soft: #f0efec;

  --font-heading: Manrope, "Inter Tight", "Segoe UI", sans-serif;
  --font-body: Inter, "Segoe UI", sans-serif;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  --shadow-subtle: 0 16px 36px rgb(23 24 28 / 0.08);
  --shadow-card: 0 10px 24px rgb(23 24 28 / 0.06);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  --page-max: 1180px;
}