/* ============================================================
   AgenteX Educa · Typography tokens
   Space Grotesk = display/headlines/numbers (technical w/ warmth)
   Inter         = body / UI
   JetBrains Mono = labels, eyebrows, data, codes (UPPERCASE + tracking)
   Headlines run TIGHT (-0.03 to -0.04em). Mono labels run WIDE.
   ============================================================ */
:root {
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* ---- Type scale (px) ---- */
  --fs-eyebrow: 11px;  /* mono label / kicker */
  --fs-caption: 12px;
  --fs-sm:      13px;
  --fs-body:    15px;  /* default UI/body */
  --fs-md:      17px;
  --fs-lg:      20px;
  --fs-xl:      24px;
  --fs-2xl:     32px;
  --fs-3xl:     40px;  /* KPI numbers */
  --fs-4xl:     56px;  /* section titles */
  --fs-display: 92px;  /* hero */

  /* ---- Fluid display (hero / section heads) ---- */
  --fs-hero:    clamp(48px, 7vw, 92px); /* @kind font */
  --fs-section: clamp(32px, 4.5vw, 56px); /* @kind font */

  /* ---- Weights ---- */
  --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 */
  --fw-black:    800; /* @kind font */

  /* ---- Line heights ---- */
  --lh-tight:   0.98;  /* @kind font */
  --lh-snug:    1.1;   /* @kind font */
  --lh-heading: 1.2; /* @kind font */
  --lh-body:    1.55;  /* @kind font */
  --lh-relaxed: 1.6;   /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display: -0.04em; /* hero @kind font */
  --ls-title:   -0.03em; /* section titles @kind font */
  --ls-tight:   -0.02em; /* card titles @kind font */
  --ls-flat:     0em; /* @kind font */
  --ls-label:    0.1em;  /* mono labels @kind font */
  --ls-eyebrow:  0.15em; /* mono eyebrows / section tags @kind font */
  --ls-caps:     0.2em;  /* EDUCA wordmark / extreme tracking @kind font */
}

/* ---- Optional helper classes (consumers may use the vars directly) ---- */
.ax-display { font-family: var(--font-display); font-weight: var(--fw-bold); letter-spacing: var(--ls-title); line-height: var(--lh-tight); }
.ax-eyebrow { font-family: var(--font-mono); font-size: var(--fs-eyebrow); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--accent-2); }
.ax-mono    { font-family: var(--font-mono); }
.ax-gradient-text {
  background: var(--grad-primary);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}