/* ============================================================
   Eurekant — Typography tokens
   Headings: Teachers · Body: Raleway (both from the website).
   Loaded from Google Fonts. If self-hosted brand files are
   uploaded later, replace the @import with @font-face rules.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Teachers:wght@400;500;600;700;800&display=swap');

:root {
  /* ---- Families ---- */
  --font-heading: "Teachers", "Raleway", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Raleway", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    ui-monospace, "SF Mono", SFMono-Regular, 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-xbold:  800; /* @kind other */

  /* ---- Display & heading scale (matches website h1–h6) ---- */
  --fs-display: 4.5rem;   /* 72 — oversized hero */
  --fs-h1: 3.5rem;        /* 56 */
  --fs-h2: 3rem;          /* 48 */
  --fs-h3: 2.5rem;        /* 40 */
  --fs-h4: 2rem;          /* 32 */
  --fs-h5: 1.5rem;        /* 24 */
  --fs-h6: 1.25rem;       /* 20 */

  /* ---- Body / UI scale ---- */
  --fs-xl:     1.25rem;   /* 20 */
  --fs-lg:     1.125rem;  /* 18 */
  --fs-md:     1rem;      /* 16 — base */
  --fs-sm:     0.875rem;  /* 14 */
  --fs-xs:     0.75rem;   /* 12 */

  /* ---- Line heights ---- */
  --lh-tight:   1.2;      /* @kind other */
  --lh-snug:    1.3;      /* @kind other */
  --lh-heading: 1.4;      /* @kind other */
  --lh-body:    1.5;      /* @kind other */
  --lh-relaxed: 1.6;      /* @kind other */

  /* ---- Letter spacing (headings tighten as they grow) ---- */
  --ls-display: -0.035rem; /* @kind other */
  --ls-h1: -0.035rem; /* @kind other */
  --ls-h2: -0.03rem; /* @kind other */
  --ls-h3: -0.025rem; /* @kind other */
  --ls-h4: -0.02rem; /* @kind other */
  --ls-h5: -0.015rem; /* @kind other */
  --ls-h6: -0.0125rem; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide: 0.04em;      /* @kind other */
}