/* Jay Scotts type system.
   Ivy Ora Display  → hero headlines, large premium statements (H1 / display)
   Palatino Linotype Italic → elegant accent only, never body (H2 accent script)
   Proxima Nova → navigation, labels, body, buttons, technical.
     NOT YET SUPPLIED — add the @font-face rules to tokens/fonts.css when the
     licensed webfonts land; the token already names it first. */
:root{
  --font-display:"Ivy Ora Display","Palatino Linotype",Georgia,serif;
  --font-accent:"Palatino Linotype","Ivy Ora Display",Georgia,serif;
  --font-sans:"Proxima Nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --font-body:var(--font-sans);
  --font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;

  --fw-thin:100; /* @kind font */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */

  /* Display scale — Ivy Ora Display, light weights, tight leading, negative tracking */
  --fs-display-1:clamp(3.25rem,6vw,5.5rem); /* @kind font */   /* 88px hero */
  --fs-display-2:clamp(2.75rem,4.6vw,4.25rem); /* @kind font *//* 68px */
  --fs-display-3:clamp(2.25rem,3.4vw,3.25rem); /* @kind font *//* 52px */
  --fs-h1:clamp(2rem,2.8vw,2.75rem); /* @kind font */          /* 44px */
  --fs-h2:clamp(1.625rem,2.2vw,2.125rem); /* @kind font */     /* 34px */
  --fs-h3:1.5rem;                             /* 24px */
  --fs-h4:1.25rem;                            /* 20px */
  --fs-body-lg:1.125rem;                      /* 18px */
  --fs-body:1rem;                             /* 16px */
  --fs-body-sm:0.9375rem;                     /* 15px */
  --fs-caption:0.8125rem;                     /* 13px */
  --fs-eyebrow:0.6875rem;                     /* 11px letterspaced caps */
  --fs-micro:0.625rem;                        /* 10px */

  --lh-display:1.06; /* @kind font */
  --lh-heading:1.18; /* @kind font */
  --lh-snug:1.38; /* @kind font */
  --lh-body:1.62; /* @kind font */
  --lh-loose:1.78; /* @kind font */

  --ls-display:-0.022em; /* @kind font */
  --ls-heading:-0.012em; /* @kind font */
  --ls-body:0; /* @kind font */
  --ls-label:0.06em; /* @kind font */
  --ls-eyebrow:0.18em; /* @kind font */   /* "LUXURY FIBERGLASS PLANTERS" lockup tracking */
  --ls-wide:0.34em; /* @kind font */      /* "C O M P A N Y" extreme tracking */

  /* Semantic roles */
  --text-style-display:var(--fw-light) var(--fs-display-1)/var(--lh-display) var(--font-display); /* @kind font */
  --text-style-h1:var(--fw-light) var(--fs-h1)/var(--lh-heading) var(--font-display); /* @kind font */
  --text-style-h2:var(--fw-light) var(--fs-h2)/var(--lh-heading) var(--font-display); /* @kind font */
  --text-style-h3:var(--fw-medium) var(--fs-h3)/var(--lh-snug) var(--font-sans); /* @kind font */
  --text-style-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans); /* @kind font */
  --text-style-label:var(--fw-semibold) var(--fs-caption)/1.3 var(--font-sans); /* @kind font */
  --text-style-eyebrow:var(--fw-semibold) var(--fs-eyebrow)/1.2 var(--font-sans); /* @kind font */
}
