/* ============================================================
   FresaFit Lab · Identidad v1.2 (2-oct-2026) — fuente única de la landing.
   Mismos valores que tokens.json del paquete y que identidad.css de la app.
   index.html es oscuro; privacidad, 404 y celular son claros.
   ============================================================ */
@font-face{font-family:"Archivo";src:url("/fonts/Archivo-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Archivo";src:url("/fonts/Archivo-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Archivo";src:url("/fonts/Archivo-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Archivo";src:url("/fonts/Archivo-Bold.ttf") format("truetype");font-weight:700 900;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("/fonts/BarlowCondensed-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
:root{
  --ff-font-body:"Archivo",Arial,sans-serif; --ff-font-display:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;
  --ff-radius-control:10px; --ff-radius-card:16px; --ff-radius-dialog:24px;
  --ff-green:#55F52C; --ff-charcoal:#101210; --ff-white:#F5F7F2;
  --ff-background:#F5F7F2; --ff-surface:#FFFFFF; --ff-surface-raised:#E9EDE5; --ff-border:#7A8477;
  --ff-text:#101210; --ff-text-secondary:#52604F; --ff-brand:#55F52C; --ff-brand-text:#286A18; --ff-on-brand:#101210;
  --ff-success:#246C3B; --ff-warning:#7A5300; --ff-error:#B52C35; --ff-focus:#286A18;
  --ff-line:color-mix(in srgb,#7A8477 38%,#FFFFFF);
}
.ff-oscuro{
  --ff-background:#101210; --ff-surface:#1B221B; --ff-surface-raised:#252D25; --ff-border:#6B7867;
  --ff-text:#F5F7F2; --ff-text-secondary:#AFB8AF; --ff-brand:#55F52C; --ff-brand-text:#55F52C; --ff-on-brand:#101210;
  --ff-success:#91D8AA; --ff-warning:#F3C66D; --ff-error:#FF9A9A; --ff-focus:#F5F7F2;
  --ff-line:color-mix(in srgb,#6B7867 45%,#1B221B);
}
:is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--ff-focus);outline-offset:3px}
.ff-estado{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--ff-font-body);letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
.ff-estado.ya{color:var(--ff-success)} .ff-estado.piloto{color:var(--ff-warning)} .ff-estado.pronto{color:var(--ff-text-secondary)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
