:root {
  --bg: #f5f7fa;
  --surface: #ffffff;
  --surface-muted: #eef3f7;
  --text: #17212f;
  --muted: #526070;
  --primary: #0f2742;
  --primary-strong: #07192d;
  --accent: #0f766e;
  --accent-strong: #0b5f59;
  --gold: #b7791f;
  --border: #d6dee8;
  --footer-surface: linear-gradient(135deg, #edf4f8 0%, #e0f1ef 100%);
  --footer-border: #bfd2dc;
  --tile-rail: linear-gradient(180deg, #07192d 0%, #0b5f59 100%);
  --tile-rail-top: linear-gradient(90deg, #07192d 0%, #0b5f59 68%, #b7791f 100%);
  --hero-text: #ffffff;
  --hero-muted: #d9e7f2;
  --shadow: 0 18px 44px rgba(15, 39, 66, 0.1);
  --radius-lg: 12px;
  --radius-md: 8px;
  --container: min(1120px, 92vw);
  --space: clamp(1rem, 2vw, 1.5rem);
}