/* ===========================================================================
   Awre · Typography tokens
   ---------------------------------------------------------------------------
   Three voices:
     · Display (Instrument Serif) — the literary, "aware/awe" headline voice.
       Used large, tight, often with an italic word for emphasis.
     · Sans (Hanken Grotesk) — everything functional: UI, body, labels.
     · Mono (Geist Mono) — intent / signal markers, meta, kbd, code.
   =========================================================================== */

:root {
  /* ---- Families ---------------------------------------------------------- */
  --font-display: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', 'Menlo', monospace;

  /* ---- Type scale · fluid-ready px values -------------------------------- */
  --text-2xs: 11px;
  --text-xs:  12px;
  --text-sm:  13px;
  --text-base:15px;
  --text-md:  17px;
  --text-lg:  20px;
  --text-xl:  24px;
  --text-2xl: 30px;
  --text-3xl: 38px;
  --text-4xl: 50px;
  --text-5xl: 68px;
  --text-6xl: 92px;
  --text-7xl: 124px;

  /* ---- Weights (Inter) --------------------------------------------------- */
  --weight-light:    400;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    800;

  /* ---- Line heights ------------------------------------------------------ */
  --leading-tight:   1.02;   /* big display headlines          */
  --leading-snug:    1.12;
  --leading-normal:  1.4;
  --leading-relaxed: 1.6;    /* long-form body                 */

  /* ---- Letter spacing ---------------------------------------------------- */
  --tracking-tight:  -0.035em;  /* large display (Raycast-tight) */
  --tracking-snug:   -0.02em;
  --tracking-normal: -0.005em;
  --tracking-wide:   0.02em;
  --tracking-label:  0.08em;    /* mono eyebrows / labels       */

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

  --body-font:    var(--font-sans);
  --body-size:    var(--text-base);
  --body-leading: var(--leading-relaxed);

  --label-font:    var(--font-mono);
  --label-size:    var(--text-xs);
  --label-tracking:var(--tracking-label);
  --label-transform: uppercase;  /* @kind other */
}