:root {
  /* Colors */
  --sail: #F8F6F1;
  --navy: #1B2A4A;
  --navy-deep: #0D1829;
  --slate: #4A5568;
  --slate-light: #6B7A8D;
  --hormuz: #2D6A9F;
  --race-red: #8B1A1A;
  --white: #FFFFFF;

  /* Product colourways */
  --cw-navy: #1B2A4A;
  --cw-slate: #4A5568;
  --cw-red: #8B1A1A;

  /* Typography */
  --font-editorial: 'Cormorant Garamond', Georgia, serif;
  --font-ui: 'Archivo', 'Helvetica Neue', sans-serif;
  --font-mono: 'DM Mono', 'Courier New', monospace;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 8rem;

  /* Layout */
  --max-width: 1200px;
  --max-width-narrow: 720px;

  /* Transitions */
  --ease-default: 300ms ease;
  --ease-reveal: 500ms ease;

  /* Borders */
  --radius: 2px;
  --border-light: 1px solid rgba(27, 42, 74, 0.1);
  --border-subtle: 1px solid rgba(27, 42, 74, 0.06);
}