:root {
  --color-primary: #0B1F3A;
  --color-primary-active: #081730;
  --color-accent: #F2B705;
  --color-ink: #12131A;
  --color-body: #333840;
  --color-muted: #5B6472;
  --color-hairline: #E1E4EA;
  --color-canvas: #FFFFFF;
  --color-surface-soft: #F6F7FB;
  --color-surface-strong: #E7E9F0;
  --color-on-primary: #FFFFFF;
  --color-link: #1B61C9;

  --color-signature-dark: #0B1F3A;
  --color-signature-warm: #9A4A12;
  --color-signature-cream: #F5EFE2;
  --color-on-signature-cream: #2A2115;

  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-pill: 9999px;

  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 96px;

  --font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}