/* ALO BETO — Typography
   Two families, fixed roles, never mixed within one hierarchy level.
   Space Grotesk = "archive" voice (structure). IBM Plex Sans = "body" voice (human/legible). */

:root {
  /* Families */
  --font-structural: "Space Grotesk", system-ui, sans-serif;  /* logo, headings, labels, metadata */
  --font-human: "IBM Plex Sans", system-ui, sans-serif;        /* subtitles, body, bio, captions */

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

  /* Type scale — role-named (see guideline §3) */
  --type-logo-nav: 22px;       /* Space Grotesk 700, uppercase, -0.02em */
  --type-logo-hero: 48px;      /* Space Grotesk 700, uppercase, -0.02em */
  --type-h1: 30px;             /* Space Grotesk 600, -0.01em */
  --type-h2: 19px;             /* Space Grotesk 500, -0.01em */
  --type-eyebrow: 11px;        /* Space Grotesk 700, uppercase, +0.24em */
  --type-meta: 13px;           /* Space Grotesk 500 */
  --type-subtitle: 15px;       /* IBM Plex Sans 400 */
  --type-body: 16px;           /* IBM Plex Sans 300, lh 1.7 */
  --type-caption: 12px;        /* IBM Plex Sans 400 */

  /* Tracking */
  --track-logo: -0.02em;
  --track-heading: -0.01em;
  --track-eyebrow: 0.24em;
  --track-normal: 0; /* @kind other */

  /* Line heights */
  --lh-tight: 1.1; /* @kind other */
  --lh-heading: 1.2; /* @kind other */
  --lh-body: 1.7; /* @kind other */
}