@import url("tokens.css");
@font-face {font-family:"Familjen Grotesk";src:url("fonts/familjen-grotesk-latin-wght-normal.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;}
@font-face {font-family:"Martian Mono";src:url("fonts/martian-mono-latin-wght-normal.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap;}

/* Compatibility names for existing application layouts; values come only from tokens.json. */
:root {--ink:var(--tinta);--ink-soft:var(--tinta-secundaria);--paper:var(--fondo);--white:var(--superficie);--gray-100:var(--superficie-suave);--gray-200:var(--linea);--gray-300:var(--modulo-claro);--gray-400:var(--tinta-tenue);--gray-500:var(--tinta-tenue);--gray-600:var(--tinta-secundaria);--border:var(--linea);--border-strong:var(--tinta-tenue);--border-dark:var(--linea);--ok:var(--verde-texto);--radius:var(--radius-md);--ancho:1200px;--font:var(--sans);--ease:cubic-bezier(.16,1,.3,1);}
body{font-family:var(--sans);background:var(--fondo);color:var(--tinta);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--tinta);font-family:var(--sans);font-style:normal}h1{font-weight:700;letter-spacing:-.035em}h2{font-weight:700;letter-spacing:-.025em}
::selection{background:var(--tinta);color:var(--sobre-tinta)}
button,.button{border-radius:var(--radius-sm);min-height:44px}button:hover,.button:hover,.primary,.primary:hover{background:var(--tinta);color:var(--sobre-tinta)}.primary{min-height:52px}
input,select,textarea{border-radius:var(--radius-sm)}.eyebrow,.topline,.etiqueta,th,.pill,.badge{font-family:var(--mono);text-transform:lowercase;letter-spacing:0;font-size:12px;font-weight:400}.number,.numbers strong,.planning-summary strong{font-variant-numeric:tabular-nums}.pill,.badge{border-radius:var(--radius-sm)}
.hoopytech-logo{height:26px;width:auto;max-width:100%;filter:none}.logo-placeholder{display:none;font:12px/1.4 var(--mono);color:var(--tinta-tenue);border:1px dashed var(--tinta-tenue);padding:8px;max-width:160px}
[data-theme="dark"] .hoopytech-logo{display:none}[data-theme="dark"] .logo-placeholder{display:inline-block}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--linea);border-radius:var(--radius-sm);padding:8px 12px;background:var(--superficie);color:var(--tinta);font:12px/1.4 var(--mono);cursor:pointer}.theme-toggle:hover{background:var(--tinta);color:var(--sobre-tinta)}
footer{background:var(--superficie);color:var(--tinta-secundaria)}footer span{color:var(--tinta-secundaria)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

:root{--display:var(--display-font-size);--display-weight:var(--display-font-weight);--titulo-seccion:var(--titulo-seccion-font-size);--titulo-seccion-weight:var(--titulo-seccion-font-weight);--titulo-tarjeta:var(--titulo-tarjeta-font-size);--titulo-tarjeta-weight:var(--titulo-tarjeta-font-weight);--cifra:var(--cifra-font-size);--cifra-weight:var(--cifra-font-weight);--cuerpo-grande:var(--cuerpo-grande-font-size);--cuerpo-grande-weight:var(--cuerpo-grande-font-weight);--cuerpo:var(--cuerpo-font-size);--cuerpo-weight:var(--cuerpo-font-weight);--etiqueta:var(--etiqueta-font-size);--etiqueta-weight:var(--etiqueta-font-weight);--dato:var(--dato-font-size);--dato-weight:var(--dato-font-weight);}