/* ==========================================================================
   Kukis Global — Typography tokens
   Display: Space Grotesk  ·  Body/UI: IBM Plex Sans  ·  Technical: IBM Plex Mono
   Mono is used for eyebrows, labels, metrics & status — carrying the old
   brand's uppercase letter-spaced DNA into a technical register.
   ========================================================================== */

:root {
  /* --- Families ----------------------------------------------------------- */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-sans:    "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

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

  /* --- Type scale (rem, 16px base) --------------------------------------- */
  --text-2xs:   0.6875rem;  /* 11px  micro labels */
  --text-xs:    0.75rem;    /* 12px  mono eyebrows */
  --text-sm:    0.875rem;   /* 14px  captions, meta */
  --text-base:  1rem;       /* 16px  body */
  --text-md:    1.125rem;   /* 18px  lead body */
  --text-lg:    1.375rem;   /* 22px  card titles */
  --text-xl:    1.75rem;    /* 28px  section subhead */
  --text-2xl:   2.25rem;    /* 36px  h2 */
  --text-3xl:   3rem;       /* 48px  display */
  --text-4xl:   4rem;       /* 64px  hero */
  --text-5xl:   5.5rem;     /* 88px  mega hero */

  /* --- Line heights ------------------------------------------------------- */
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* --- Letter spacing ----------------------------------------------------- */
  --tracking-tighter: -0.03em;  /* big display */
  --tracking-tight:   -0.015em; /* headings */
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-eyebrow: 0.18em;   /* uppercase mono eyebrows / buttons (heritage) */

  /* --- Semantic role aliases --------------------------------------------- */
  --font-hero:    var(--fw-medium) var(--text-5xl)/var(--leading-tight) var(--font-display);
  --font-h1:      var(--fw-medium) var(--text-4xl)/var(--leading-tight) var(--font-display);
  --font-h2:      var(--fw-medium) var(--text-2xl)/var(--leading-snug) var(--font-display);
  --font-h3:      var(--fw-semibold) var(--text-lg)/var(--leading-snug) var(--font-display);
  --font-lead:    var(--fw-regular) var(--text-md)/var(--leading-relaxed) var(--font-sans);
  --font-body:    var(--fw-regular) var(--text-base)/var(--leading-relaxed) var(--font-sans);
  --font-small:   var(--fw-regular) var(--text-sm)/var(--leading-normal) var(--font-sans);
}