/* ============================================================
   Hazlnut — Typography tokens
   Roles map directly to the brand guide:
     display  → Nanum Myeongjo     (H1, big editorial, numerals)
     heading  → DM Sans            (H2, eyebrows — bold, wide-tracked, UPPERCASE)
     accent   → Cormorant Garamond (romantic italic highlights)
     body     → DM Sans            (UI + paragraph copy)
     serif    → Nanum Myeongjo     (long-form editorial body, as used on site)
     mono     → DM Mono            (labels, nav, buttons, captions)
   ============================================================ */

:root {
  /* ---- Families -------------------------------------------- */
  --font-display: "Nanum Myeongjo", Georgia, "Times New Roman", serif;
  --font-heading: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-accent:  "Cormorant Garamond", Georgia, serif;
  --font-body:    "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif:   "Nanum Myeongjo", Georgia, "Times New Roman", serif;
  --font-mono:    "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Weights --------------------------------------------- */
  --fw-light:     300;  /* @kind other */
  --fw-regular:   400;  /* @kind other */
  --fw-medium:    500;  /* @kind other */
  --fw-semibold:  600;  /* @kind other */
  --fw-bold:      700;  /* @kind other */
  --fw-black:     800;  /* @kind other */

  /* ---- Display scale (Nanum Myeongjo, fluid) --------------- */
  --text-display-xl: clamp(3.5rem, 2.2rem + 6.4vw, 7rem);     /* @kind spacing */
  --text-display-l:  clamp(2.6rem, 1.8rem + 3.8vw, 4.25rem);  /* @kind spacing */
  --text-display-m:  clamp(2rem, 1.5rem + 2.2vw, 3rem);       /* @kind spacing */
  --text-display-s:  clamp(1.5rem, 1.2rem + 1.4vw, 2.125rem); /* @kind spacing */

  /* ---- Accent italic (Cormorant) --------------------------- */
  --text-accent-xl:  clamp(2.75rem, 1.8rem + 4.5vw, 5.5rem);  /* @kind spacing */
  --text-accent-l:   clamp(1.75rem, 1.3rem + 2.2vw, 2.75rem); /* @kind spacing */
  --text-accent-m:   clamp(1.25rem, 1.05rem + 1vw, 1.75rem);  /* @kind spacing */

  /* ---- Body ------------------------------------------------ */
  --text-lead:       1.3125rem;  /* @kind spacing */
  --text-base:       1rem;       /* @kind spacing */
  --text-sm:         0.875rem;   /* @kind spacing */
  --text-xs:         0.75rem;    /* @kind spacing */

  /* ---- Eyebrow / label (DM Sans bold, wide) ---------------- */
  --text-eyebrow:    0.8125rem;  /* @kind spacing */
  --tracking-eyebrow: 0.4em;     /* @kind other */
  --tracking-wide:    0.18em;    /* @kind other */
  --tracking-mono:    0.02em;    /* @kind other */

  /* ---- Line heights ---------------------------------------- */
  --lh-tight:   1.02;   /* @kind other */
  --lh-snug:    1.18;   /* @kind other */
  --lh-body:    1.5;    /* @kind other */
  --lh-relaxed: 1.62;   /* @kind other */
}