/* ─── Design Tokens ─── */
:root {
  --color-blue:        #3e64ff;
  --color-blue-light:  #e1e7ff;
  --color-blue-border: #cdd7ff;
  --color-cream:       #fdf1e1;
  --color-cream-dark:  #fef7ed;
  --color-cream-mid:   #ffe8cd;
  --color-black:       #0a0a0a;
  --color-gray:        #8a8a8a;
  --color-gray-light:  #e8e8e8;
  --color-gray-border: #e8e8e4;
  --color-white:       #ffffff;
  --font-body:    'Manrope', sans-serif;
  --font-display: 'Playfair Display', serif;
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  64px;
  --space-2xl: 80px;
  --space-3xl: 128px;
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   24px;
  --radius-pill: 9999px;
  --ease-out:    cubic-bezier(0.16,1,0.3,1);
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
}