/* Kernios H1 · valores canónicos en brand.json. Importar fonts/fonts.css por separado. */
:root{
 --kernios-ink:#191A16;
 --kernios-coral:#EF5A3A;
 --kernios-sand:#E5E1D6;
 --kernios-paper:#F2F0E9;
 --kernios-cream:#FFF9F1;
 --kernios-muted:#625F57;
 --kernios-border:#D5D0C4;
 --kernios-coral-text:#B63820;
 --kernios-background:var(--kernios-paper);
 --kernios-surface:var(--kernios-cream);
 --kernios-text:var(--kernios-ink);
 --kernios-text-secondary:var(--kernios-muted);
 --kernios-link:var(--kernios-coral-text);
 --kernios-focus:var(--kernios-coral-text);
 --kernios-font-display:"Manrope",system-ui,sans-serif;
 --kernios-font-body:"DM Sans",system-ui,sans-serif;
 --kernios-text-sm:.875rem;
 --kernios-text-base:1rem;
 --kernios-text-lead:1.125rem;
 --kernios-title:clamp(2.25rem,5vw,4.5rem);
 --kernios-leading-body:1.65;
 --kernios-leading-title:1.08;
 --kernios-tracking-title:-.04em;
 --kernios-space-1:.25rem;
 --kernios-space-2:.5rem;
 --kernios-space-3:.75rem;
 --kernios-space-4:1rem;
 --kernios-space-6:1.5rem;
 --kernios-space-8:2rem;
 --kernios-space-12:3rem;
 --kernios-space-16:4rem;
 --kernios-radius-sm:.5rem;
 --kernios-radius-card:1.125rem;
 --kernios-radius-pill:999px;
 --kernios-content-width:75rem;
}
/* Estas clases son utilidades opcionales. */
.kernios-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.4rem;border:1px solid var(--kernios-ink);border-radius:var(--kernios-radius-pill);background:var(--kernios-ink);color:var(--kernios-cream);font:600 1rem/1.25 var(--kernios-font-body);text-decoration:none;cursor:pointer}
.kernios-button:hover{background:#33352D}
.kernios-button:focus-visible{outline:3px solid var(--kernios-focus);outline-offset:4px}
.kernios-link{color:var(--kernios-link);text-underline-offset:.2em}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}