/* ============================================================
   WO! Studio — tokens (brand-fixed)
   ============================================================ */
@font-face { font-family:"Fraunces"; src:url("../assets/fonts/Fraunces.ttf") format("truetype"); font-weight:300 600; font-style:normal; font-display:swap; }
@font-face { font-family:"Fraunces"; src:url("../assets/fonts/Fraunces-Italic.ttf") format("truetype"); font-weight:300 600; font-style:italic; font-display:swap; }
@font-face { font-family:"Inter"; src:url("../assets/fonts/Inter.ttf") format("truetype"); font-weight:300 600; font-style:normal; font-display:swap; }
@font-face { font-family:"Inter"; src:url("../assets/fonts/Inter-Italic.ttf") format("truetype"); font-weight:300 600; font-style:italic; font-display:swap; }

:root {
  /* brand palette */
  --chalk:#FBF8F2; --paper:#F5F1EA; --bone:#D9CFC0; --ink:#1D1C1C;
  --coral:#DE6A6B; --coral-strong:#C85C5D; --moss:#7A8471;

  /* semantic (light scenes) */
  --bg:var(--chalk); --text:var(--ink);
  --text-dim:rgba(29,28,28,0.55); --line:rgba(29,28,28,0.14);
  --accent:var(--coral); --accent-strong:var(--coral-strong);

  /* on-ink (dark scenes) */
  --on-ink:#F2ECE2; --on-ink-dim:rgba(242,236,226,0.5); --on-ink-line:rgba(242,236,226,0.14);

  --font-display:"Fraunces",Georgia,serif;
  --font-text:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  --step--1: clamp(0.82rem, 0.78rem + 0.2vw, 0.93rem);
  --step-0:  clamp(1rem, 0.94rem + 0.3vw, 1.18rem);
  --step-1:  clamp(1.3rem, 1.1rem + 0.9vw, 1.9rem);
  --step-2:  clamp(1.8rem, 1.3rem + 2.2vw, 3rem);
  --step-3:  clamp(2.4rem, 1.4rem + 4.6vw, 5.5rem);
  --step-4:  clamp(3rem, 1.2rem + 8vw, 9rem);

  --gutter:  clamp(1.1rem, 0.6rem + 2.5vw, 2.6rem);
  --maxw:1280px;

  /* motion */
  --ease-entrance:cubic-bezier(0.16,1,0.3,1);
  --ease-cinematic:cubic-bezier(0.83,0,0.17,1);
  --ease-standard:cubic-bezier(0.4,0,0.2,1);
  --dur-fast:240ms; --dur:520ms; --dur-cine:1000ms;
  --rise:26px;
}