:root {
  --sophium-navy: #1B2A4A;
  --sophium-gold: #C9A227;
  --sophium-white: #FFFFFF;
  --color-text: #172033;
  --color-muted: #657086;
  --color-border: #E4E8EF;
  --color-surface: #F7F8FA;
  --color-surface-strong: #EEF1F5;
  --color-on-dark: #F7F8FB;
  --sophium-slate: #22314C;
  --sophium-graphite: #1A2338;
  --sophium-gold-bright: #E7C978;
  --container-width: 76rem;
  --content-width: 46rem;
  --radius-sm: .5rem;
  --radius-md: .875rem;
  --shadow-product: 0 1.5rem 4rem rgba(17, 28, 52, .14);
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 7rem;
  --transition-fast: 160ms ease;
  --transition-default: 260ms ease;
}