:root{
  /* Dos familias, según la guía de marca:
     Degular  — PRINCIPAL. Títulos, subtítulos de peso, botones y etiquetas.
     Roboto   — SECUNDARIA. Subtítulos menores y cuerpo de texto. */
  --font-display:"Degular","Degular Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-core:var(--font-display);
  --font-body:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  --fw-thin:100; /* @kind font */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:900; /* @kind font */

  /* Escala tipográfica — paso 1.25, base 16 */
  --fs-3xs:11px;
  --fs-2xs:12px;
  --fs-xs:13px;
  --fs-sm:15px;
  --fs-md:17px;
  --fs-lg:20px;
  --fs-xl:25px;
  --fs-2xl:31px;
  --fs-3xl:39px;
  --fs-4xl:49px;
  --fs-5xl:61px;
  --fs-6xl:76px;
  --fs-7xl:96px;

  --lh-tight:0.94; /* @kind font */   /* titulares display */
  --lh-snug:1.08; /* @kind font */    /* titulares */
  --lh-normal:1.32; /* @kind font */  /* subtítulos */
  --lh-body:1.55; /* @kind font */    /* texto corrido en Roboto */
  --lh-loose:1.7; /* @kind font */

  --ls-display:-0.03em; /* @kind font */  /* display en negra: muy ceñido */
  --ls-heading:-0.015em; /* @kind font */
  --ls-body:0em; /* @kind font */
  --ls-label:0.06em; /* @kind font */     /* etiquetas en caja alta */
  --ls-eyebrow:0.14em; /* @kind font */   /* "COFFEE HOUSE" del logotipo */

  /* Roles compuestos — display en Degular, texto en Roboto */
  --type-display:var(--fw-black) var(--fs-6xl)/var(--lh-tight) var(--font-display);
  --type-h1:var(--fw-black) var(--fs-4xl)/var(--lh-snug) var(--font-display);
  --type-h2:var(--fw-bold) var(--fs-2xl)/var(--lh-snug) var(--font-display);
  --type-h3:var(--fw-semibold) var(--fs-xl)/var(--lh-normal) var(--font-display);
  --type-lead:var(--fw-light) var(--fs-lg)/var(--lh-body) var(--font-body);
  --type-body:var(--fw-regular) var(--fs-md)/var(--lh-body) var(--font-body);
  --type-body-sm:var(--fw-regular) var(--fs-sm)/var(--lh-body) var(--font-body);
  --type-caption:var(--fw-regular) var(--fs-2xs)/1.4 var(--font-body);
  /* Etiquetas, antetítulos y botones: siempre Degular */
  --type-label:var(--fw-semibold) var(--fs-xs)/1.2 var(--font-display);
  --type-eyebrow:var(--fw-bold) var(--fs-2xs)/1.2 var(--font-display);
  --type-button:var(--fw-semibold) var(--fs-sm)/1 var(--font-display);
}