:root {
  --brand-navy: #123f83;
  --brand-crimson: #b20d1d;
  --deep-navy: #082d63;
  --ink: #101828;
  --muted-ink: #5b6473;
  --white: #ffffff;
  --warm-canvas: #f4f2ec;
  --pale-blue: #eaf0f8;
  --hairline: #d9dee7;
  --font-display: "DM Serif Display", Georgia, serif;
  --font-body: Manrope, Arial, sans-serif;
  --shadow-overlap: 0 20px 50px rgba(8, 45, 99, 0.16);
  --radius-minimal: 2px;
}

* { box-sizing: border-box; }
html { color: var(--ink); background: var(--warm-canvas); }
body { margin: 0; font-family: var(--font-body); }
button, a { min-height: 44px; }