/* Nelly's Cakes design tokens. Every future page reuses these. */
@font-face{font-family:"Moisette";src:url("../assets/fonts/Moisette-Light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Moisette";src:url("../assets/fonts/Moisette-LightItalic.otf") format("opentype");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Moisette";src:url("../assets/fonts/Moisette-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Moisette";src:url("../assets/fonts/Moisette-Italic.otf") format("opentype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Maxima Nouva";src:url("../assets/fonts/MaximaNouva-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Maxima Nouva";src:url("../assets/fonts/MaximaNouva-SemiBold.otf") format("opentype");font-weight:600;font-style:normal;font-display:swap}

:root{
  /* colour */
  --color-bg:#FAF9F6;
  --color-surface:#F1EEE8;
  --color-text:#252821;
  --color-muted:#6B6960;
  --color-olive:#303A2C;
  --color-olive-deep:#252E22;
  --color-gold:#B99A67;
  --color-gold-text:#87693A;   /* gold that keeps contrast on porcelain */
  --color-border:#DDD8CF;
  --color-on-dark:#FAF9F6;

  /* type */
  --font-serif:"Moisette","Cormorant Garamond","Times New Roman",serif;
  --font-sans:"Maxima Nouva","Helvetica Neue",Arial,sans-serif;
  --fs-eyebrow:.6875rem;
  --fs-ui:.75rem;
  --fs-body:1rem;
  --fs-lead:clamp(1.0625rem,.35vw + 1rem,1.25rem);
  --fs-h2:clamp(2.25rem,3.6vw + .6rem,4.25rem);
  --fs-h1:clamp(3.1rem,6.3vw,7.6rem);
  --track-ui:.18em;
  --track-eyebrow:.26em;

  /* space (fluid) */
  --space-2xs:.5rem;
  --space-xs:.75rem;
  --space-sm:1.25rem;
  --space-md:2rem;
  --space-lg:clamp(3rem,5vw,5rem);
  --space-xl:clamp(5rem,9vw,9.5rem);
  --space-2xl:clamp(6.5rem,12vw,13rem);

  /* layout */
  --container-max:1600px;
  --gutter:clamp(1.25rem,3.6vw,3.5rem);
  --header-h:76px;

  /* shape + motion */
  --radius-ui:2px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur-fast:.25s;
  --dur-slow:1.1s;
}