:root {
  --brand-primary: #164361;
  --brand-secondary: #c87927;
  --bg-surface: #ffffff;
  --bg-muted: #fdf8f3;
  --text-primary: #0f1f2a;
  --muted: #5b656e;
  --radius-base: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-scale-base: 16px;
}

body {
  font-family: var(--font-sans);
  font-size: var(--font-scale-base);
  line-height: 1.6;
  background: var(--bg-muted);
  color: var(--text-primary);
}

:focus {
  outline: 3px solid rgba(22, 67, 97, 0.25);
  outline-offset: 3px;
}