:root {
  /* Brand colors */
  --brand-ink: #092D4A;
  --brand-ocean: #0E5F93;
  --brand-pulse: #38D7EB;
  --brand-mist: #DCE8EF;
  --brand-pearl: #F4F5F3;
  --brand-graphite: #182027;
  --brand-white: #FBFCFB;

  /* Typography */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-text: "Manrope", Arial, sans-serif;
  --tracking-display: -0.03em;
  --tracking-label: 0.16em;

  /* Spacing — 8px base */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;

  /* Shape & effects */
  --radius-small: 2px;
  --radius-card: 6px;
  --line-subtle: 1px solid rgba(9, 45, 74, 0.16);
  --shadow-air: 0 24px 70px rgba(9, 45, 74, 0.10);
  --glass: rgba(255, 255, 255, 0.54);
  --glass-blur: blur(18px);
}