/* ============================================================
   evia · Typography tokens
   Display / headlines / UI : Space Grotesk  (brand typeface)
   Body / long-form         : Arial          (official body face)
   Mono                     : code-world accent, system mono stack
   Headlines are Space Grotesk Bold (700). The short uppercase label
   sits UNDER the headline as a SUBLINE (always uppercase).
   ============================================================ */

:root {
  /* ---- Families --------------------------------------------- */
  --font-display: 'Space Grotesk', Arial, sans-serif;
  --font-ui:      'Space Grotesk', Arial, sans-serif;
  --font-body:    Arial;
  --font-mono:    ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;

  /* ---- Weights ---------------------------------------------- */
  --fw-light: 300;       /* @kind other */
  --fw-regular: 400;     /* @kind other */
  --fw-medium: 500;      /* @kind other */ /* sublines, labels, UI */
  --fw-semibold: 600;    /* @kind other */
  --fw-bold: 700;        /* @kind other */ /* headlines & display */

  /* ---- Type scale (px-based, 1.250 major-third-ish) --------- */
  --text-2xs: 11px;
  --text-xs:  12px;
  --text-sm:  14px;
  --text-md:  16px;     /* base body */
  --text-lg:  18px;
  --text-xl:  22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 48px;
  --text-5xl: 64px;
  --text-6xl: 84px;
  --text-7xl: 112px;

  /* ---- Line heights ----------------------------------------- */
  --leading-none: 1;
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing --------------------------------------- */
  --tracking-tighter: -0.03em;   /* big display */
  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.12em;      /* sublines (uppercase) */
  --tracking-widest: 0.22em;

  /* ---- Semantic roles --------------------------------------- */
  --display-font: var(--font-display);
  --display-weight: var(--fw-bold);
  --display-tracking: var(--tracking-tighter);
  --display-leading: var(--leading-none);

  --heading-font: var(--font-display);
  --heading-weight: var(--fw-bold);
  --heading-tracking: var(--tracking-tight);
  --heading-leading: var(--leading-tight);

  --body-font: var(--font-body);
  --body-weight: var(--fw-regular);
  --body-leading: var(--leading-relaxed);

  --subline-font: var(--font-display);
  --subline-weight: var(--fw-medium);
  --subline-tracking: var(--tracking-wider);
  --subline-transform: uppercase; /* @kind other */

  /* ---- Slide type sizes (1920x1080 canvas = 33.87 x 19.05 cm) ----
     Mirrors the PPTX spec: Headline 36 pt / Subline 16 pt / Body 14 pt.
     At 1920x1080 the slide scale is 2 px per pt (56.69 px per cm).
     On a half-size 1280x720 canvas use 48 / 21 / 19 px.  */
  --slide-headline: 72px;
  --slide-subline:  32px;
  --slide-body:     28px;
}