:root {
  /* Colors */
  --color-ink: #0A1628;
  --color-deep-blue: #1B3358;
  --color-sapphire: #2A4A7F;
  --color-cream: #FAF7F2;
  --color-pearl: #F2EDE5;
  --color-stone: #8B8378;
  --color-line: #E8E2D6;
  --color-gold: #B89968;
  --color-gold-soft: #D4BE94;

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;

  /* Layout */
  --max-width: 1200px;
  --reading-width: 680px;

  /* Transitions */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-base: 200ms var(--ease-out);
}