/* assets/css/tokens.css — design tokens */
:root{
  /* palette */
  --color-bg-dark:#1E1E1E;
  --color-bg-deep:#141414;
  --color-surface:#2A2A2A;
  --color-ivory:#F5EFE6;
  --color-ivory-soft:#EDE6D6;
  --color-rust:#C04A20;
  --color-rust-deep:#8E3414;
  --color-rust-glow:#E36A3A;
  --color-line:#3A3A3A;

  /* fonts */
  --font-display:"Cormorant Garamond",Georgia,serif;
  --font-body:"Inter",system-ui,-apple-system,sans-serif;
  --font-mono:"Space Grotesk",ui-monospace,monospace;
  --font-script:"Caveat",cursive;

  /* fluid type scale */
  --fs-200:clamp(.72rem,.68rem + .2vw,.8rem);
  --fs-300:clamp(.85rem,.8rem + .25vw,.95rem);
  --fs-400:clamp(1rem,.95rem + .3vw,1.1rem);
  --fs-500:clamp(1.2rem,1.05rem + .6vw,1.45rem);
  --fs-600:clamp(1.5rem,1.2rem + 1.4vw,2.1rem);
  --fs-700:clamp(2rem,1.5rem + 2.4vw,3rem);
  --fs-800:clamp(2.6rem,1.8rem + 3.6vw,4.4rem);
  --fs-900:clamp(3.2rem,2rem + 5.4vw,6rem);

  /* spacing */
  --space-3xs:.25rem; --space-2xs:.5rem; --space-xs:.75rem;
  --space-sm:1rem;   --space-md:1.5rem; --space-lg:2.5rem;
  --space-xl:4rem;   --space-2xl:6rem;  --space-3xl:9rem;

  /* radii */
  --radius-sm:6px; --radius-md:12px; --radius-lg:20px; --radius-pill:999px;

  /* easing + duration */
  --ease-out-expo:cubic-bezier(.16,1,.3,1);
  --ease-in-out-quart:cubic-bezier(.76,0,.24,1);
  --dur-fast:.25s; --dur-mid:.5s; --dur-slow:.9s;

  /* layout */
  --container-max:1440px;
  --container-pad:clamp(1.2rem,4vw,4rem);

  /* z-index */
  --z-header:100; --z-drawer:200; --z-overlay:300; --z-toast:400;
}