:root {
  /* Warm ivory surfaces */
  --bg: #eef0f2;
  --bg-alt: #e3e6ea;
  --surface: #ffffff;

  /* Ink text */
  --ink: #26251c;
  --ink-dim: rgba(38, 37, 28, 0.66);
  --ink-faint: rgba(38, 37, 28, 0.45);

  /* Accents */
  --vermillion: #e8503a;
  --vermillion-deep: #bc3b28;
  --gold: #ae8b4a;
  --sage: #7c8b6e;

  --line: rgba(38, 37, 28, 0.14);
  --line-strong: rgba(38, 37, 28, 0.3);

  --font-body: 'Work Sans', sans-serif;
  --font-serif: 'Shippori Mincho B1', 'Cormorant Garamond', serif;

  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 6rem;
  --spacing-2xl: 9rem;

  --max-width: 1240px;
  --max-width-narrow: 820px;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  /* Playful overshoot — lands past the target and settles back */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-slow: 1.1s var(--ease-out-expo);
  --transition-medium: 0.6s var(--ease-out-expo);
  --transition-fast: 0.3s ease;
  --transition-pop: 0.45s var(--ease-bounce);

  --radius-md: 14px;
  --radius-lg: 22px;

  --shadow-soft: 0 24px 60px -28px rgba(38, 37, 28, 0.28);
  --shadow-lift: 0 32px 64px -26px rgba(38, 37, 28, 0.4);
}