/* Milana Tantric — design tokens. Single source of design values. */
@font-face { font-family: "Bodoni Moda"; src: url("fonts/bodoni-moda-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Bodoni Moda"; src: url("fonts/bodoni-moda-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/jost-300.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/jost-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Allura"; src: url("fonts/allura-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  /* Colour (v2, light): warm stone ground, ink text, plum-to-magenta accent, big soft corners. Hero stays a dark photo panel. */
  --bg: #ece7e1;
  --surface: #f7f3ef;
  --surface-2: #ddd4cc;
  --line: #b3a5ab;            /* decorative dividers only */
  --border-input: #7d6f76;    /* form control borders */
  --text: #231a20;            /* ink */
  --muted: #5b4f56;
  --accent: #7a2a63;          /* plum: text/links on light */
  --accent-strong: #5b2a86;
  --accent-strong-hover: #6c34a0;
  --grad: linear-gradient(100deg, #5b2a86, #a2297a);   /* buttons: violet to magenta, white text */
  --blush: #8f2c74;           /* script accents on light (large only) */
  --focus: #0b5fa5;
  --on-accent: #ffffff;
  --glow: 122, 42, 99;
  --plum: 150, 60, 130;

  --font-display: "Bodoni Moda", "Didot", "Bodoni 72", "Playfair Display", Georgia, serif;
  --font-script: "Allura", "Snell Roundhand", "Segoe Script", "Brush Script MT", cursive;
  --font-body: "Jost", "Avenir Next", "Avenir", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-body: 1.0625rem;
  --fs-lead: clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem);
  --fs-small: 0.875rem;
  --fs-cap: 0.8125rem;                                         /* uppercase nav/buttons/labels */
  --fs-h3: clamp(1.5rem, 1.3rem + 0.9vw, 2rem);
  --fs-h2: clamp(2rem, 1.5rem + 2.4vw, 3.5rem);
  --fs-h1: clamp(2.5rem, 1.8rem + 4vw, 5rem);
  --fs-hero: clamp(3.25rem, 1.8rem + 7vw, 8rem);
  --fs-script-kicker: clamp(2rem, 1.7rem + 1vw, 2.75rem);      /* script never below ~32px */
  --lh-body: 1.7;
  --lh-head: 1.08;
  --track-caps: 0.22em;

  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-5: 1.5rem;
  --s-6: 2rem; --s-7: 3rem; --s-8: 4.5rem; --s-9: 7rem; --s-10: 10rem;
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --measure: 62ch;
  --max: 72rem;

  --radius: 10px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --touch: 2.75rem;
  --ease: cubic-bezier(0.22, 0.8, 0.24, 1);
  --t-fast: 200ms;
  --t-med: 500ms;
  --t-slow: 1200ms;
}