/* LOGIC OR NOT — SHARED VISUAL FOUNDATION R08
   Protected staging authority.

   GOVERNING RULE
   This shared layer may define stable visual tokens and the canonical font family.
   It must NOT impose page geometry, component dimensions, typography scale,
   spacing, alignment, section rhythm, or page-specific hierarchy.

   R08 RECOVERY
   R07 accumulated 233 forced declarations and loaded after every page's
   local stylesheet, overriding already-calibrated page composition. R08 removes
   that downstream over-control so each page's own calibrated CSS is authoritative.
*/

:root{
  --lon-font:"Hanken Grotesk","Neue Haas Grotesk Text Pro","Helvetica Neue",Arial,sans-serif;
  --lon-ink:#11110F;
  --lon-paper:#FBF8F2;
  --lon-mineral:#F2EDE3;
  --lon-body:#34332F;
  --lon-secondary:#504D47;
  --lon-muted:#6B675F;
  --lon-charcoal:#292722;
  --lon-line-soft:rgba(17,17,15,.115);
}

html,body{
  font-family:var(--lon-font);
}

.brand-mark,
.footer-brand,
.site-nav,
.nav,
.footer-nav,
.footer nav,
button,
input,
select,
textarea{
  font-family:var(--lon-font);
}

/* R16 — DARK CONTROL COLOR NORMALIZATION
   2026-10-02
   User-selected reference: the existing chalk/charcoal type tags in Instrucciones.
   Color only: no typography, geometry, spacing, hierarchy or imagery changes. */
:root{
  --lon-control-dark:var(--lon-charcoal);
}

.button-dark,
.intro-glossary-button,
.next .button,
.filter-chip.active,
.detail-chip.type,
.detail-return,
.discovery-controls.mobile-filters-open .mobile-filter-toggle{
  background:var(--lon-control-dark);
  border-color:var(--lon-control-dark);
}

.apps-detail-link:hover{
  background:var(--lon-control-dark);
}