/* Orín del Diablo — type scale.
   Big and bigger. Vollkorn (principal) for headlines, drop numbers y contrapunto serif,
   Lato (secundaria) para cuerpo y UI, Open Sans para etiquetas y letra fina.
   Uppercase + tracking are applied at the callsite, not baked into the shorthands. */
:root {
  /* Sizes */
  --text-xs:  11px;   /* mono codes, states */
  --text-sm:  13px;   /* mono labels, captions */
  --text-base:16px;   /* body — Lato */
  --text-md:  20px;
  --text-lg:  28px;   /* sub-heads */
  --text-xl:  44px;   /* titles */
  --text-2xl: 82px;   /* section display */
  --text-3xl: 132px;  /* hero scream */
  --text-mega:230px;  /* drop numbers — Nº 666 */

  /* Leading */
  --leading-scream: 0.86;
  --leading-display: 0.92;
  --leading-tight: 1.08;
  --leading-body: 1.55;

  /* Tracking */
  --tracking-scream: -0.01em;   /* condensed grotesque, set tight */
  --tracking-display: 0;
  --tracking-fang: 0;
  --tracking-caps: 0.24em;      /* mono eyebrows / labels — always uppercase */
  --tracking-mono: 0.02em;

  /* Semantic shorthands
     scream = Vollkorn (serif principal, titulares) · fang = Vollkorn itálica (contrapunto) */
  --type-scream:   800 var(--text-3xl)/var(--leading-scream) var(--font-scream);
  --type-hero:     800 var(--text-3xl)/var(--leading-scream) var(--font-scream);
  --type-display:  700 var(--text-2xl)/var(--leading-display) var(--font-scream);
  --type-drop:     900 var(--text-mega)/0.8 var(--font-scream);
  --type-title:    700 var(--text-xl)/var(--leading-tight) var(--font-scream);
  --type-fang:     500 var(--text-2xl)/var(--leading-tight) var(--font-fang);
  --type-fang-sm:  500 var(--text-lg)/var(--leading-tight) var(--font-fang);
  --type-subtitle: 500 var(--text-lg)/var(--leading-tight) var(--font-body);
  --type-body:     400 var(--text-base)/var(--leading-body) var(--font-body);
  --type-lead:     400 var(--text-md)/1.5 var(--font-body);
  --type-eyebrow:  700 var(--text-sm)/1.4 var(--font-mono);
  --type-code:     400 var(--text-xs)/1.4 var(--font-mono);
}