:root {
  --color-ink: #0c1222;
  --color-indigo: #1e3a5f;
  --color-adire: #1a3d6b;
  --color-ochre: #b8860b;
  --color-bogolan: #8b6914;
  --color-pearl: #f4efe6;
  --color-sand: #d9c4a0;
  --color-ok: #3dba8b;
  --color-bad: #c45c4a;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 64px;
  --radius-lg: 20px;
  --shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 18px 48px rgba(184, 134, 11, 0.35);
  --gradient-hero: linear-gradient(135deg, var(--color-ochre), var(--color-bogolan));
  --gradient-veil: linear-gradient(180deg, rgba(12, 18, 34, 0.2), rgba(12, 18, 34, 0.92));
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-ui: "Outfit", system-ui, sans-serif;
  --line-height-body: 1.55;
  --line-height-tight: 1.08;
}