/* ============================================================
   YUV.AI — TYPOGRAPHY
   Display:  Anton          → hero wordmarks, slide titles (EN, caps)
   Heading:  Rubik          → section headings (EN + HE)
   Body:     Assistant/Rubik→ paragraphs, UI (Hebrew-first body)
   Mono:     JetBrains Mono → code, terminal, model output
   Size ramp mirrors Apple's Dynamic Type "Large (Default)" scale.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Anton", "Rubik", system-ui, sans-serif;
  --font-heading: "Fredoka", "Rubik", system-ui, sans-serif;
  --font-body:    "Hanken Grotesk", "Assistant", system-ui, sans-serif;
  --font-hebrew:  "Assistant", "Rubik", system-ui, sans-serif;
  --font-script:  "Caveat", "Hanken Grotesk", cursive;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;
  --weight-black:   900;

  /* ---- UI text scale (Apple Dynamic Type, px) ---- */
  --text-large-title: 34px;
  --text-title-1:     28px;
  --text-title-2:     22px;
  --text-title-3:     20px;
  --text-headline:    17px;
  --text-body:        17px;
  --text-callout:     16px;
  --text-subhead:     15px;
  --text-footnote:    13px;
  --text-caption-1:   12px;
  --text-caption-2:   11px;

  /* ---- Display scale (Anton, marketing & slides) ---- */
  --display-sm:  40px;
  --display-md:  64px;
  --display-lg:  96px;
  --display-xl:  140px;
  --display-2xl: 200px;

  /* ---- Line heights ---- */
  --leading-tight:   1.04;  /* display */
  --leading-snug:    1.16;  /* headings */
  --leading-normal:  1.32;  /* UI */
  --leading-relaxed: 1.55;  /* body copy */

  /* ---- Tracking (Apple per-style values) ---- */
  --tracking-display: -0.02em;
  --tracking-tight:   -0.011em;
  --tracking-normal:  0em;
  --tracking-wide:    0.02em;
  --tracking-caps:    0.06em;   /* "LET'S FLY HIGH" lockup */
}

/* ---- Optional helper classes (foundations / quick use) ---- */
.yuv-display {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-display);
  text-transform: uppercase;
}
.yuv-heading {
  font-family: var(--font-heading);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
}
.yuv-script {
  font-family: var(--font-script);
  font-weight: var(--weight-bold);
  color: var(--magenta-500);
}
.yuv-body {
  font-family: var(--font-body);
  font-weight: var(--weight-regular);
  line-height: var(--leading-relaxed);
}
.yuv-mono {
  font-family: var(--font-mono);
  font-weight: var(--weight-medium);
}
.yuv-kicker {
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  font-size: var(--text-footnote);
}

/* Hebrew / RTL */
[dir="rtl"], .rtl { font-family: var(--font-hebrew); }
[dir="rtl"] .yuv-display { font-family: "Rubik", sans-serif; font-weight: 900; }