/* RIALMA — typography tokens.
   Atyp Display for headlines, Atyp Text for UI & body. */

:root {
  --font-display: "Atyp Display", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Atyp Text", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Weights */
  --weight-thin: 100;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Type scale — clinical, tight. rem-based (16px root). */
  --text-2xs: 0.6875rem;  /* 11px */
  --text-xs: 0.75rem;     /* 12px */
  --text-sm: 0.875rem;    /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-md: 1.125rem;    /* 18px */
  --text-lg: 1.375rem;    /* 22px */
  --text-xl: 1.75rem;     /* 28px */
  --text-2xl: 2.25rem;    /* 36px */
  --text-3xl: 3rem;       /* 48px */
  --text-4xl: 4rem;       /* 64px */
  --text-5xl: 5.5rem;     /* 88px */
  --text-6xl: 7.5rem;     /* 120px */

  /* Line heights */
  --leading-tight: 1.02;
  --leading-snug: 1.15;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing — Atyp sits well a touch tight on display, open on labels */
  --tracking-tighter: -0.03em;
  --tracking-tight: -0.015em;
  --tracking-normal: 0em;
  --tracking-wide: 0.04em;
  --tracking-label: 0.12em;  /* uppercase eyebrow labels */

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

  --heading-font: var(--font-display);
  --heading-weight: var(--weight-medium);

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

  --label-font: var(--font-text);
  --label-weight: var(--weight-medium);

  --eyebrow-font: var(--font-text);
  --eyebrow-weight: var(--weight-semibold);
  --eyebrow-tracking: var(--tracking-label);
}