/* Zierzocopters · design tokens
   Concepto: la bandera del club (blanco, negro, rojo, amarillo) + la lectura OSD de unas gafas FPV.
   El amarillo y el rojo salen del logo; el rojo se reserva para hélices y avisos, el amarillo para bloques grandes. */
:root{
  /* Color */
  --ground:#F5F6F4;      /* blanco de bandera, un punto frío */
  --surface:#FFFFFF;
  --ink:#101113;         /* carbono */
  --ink-2:#4B4F56;       /* texto secundario */
  --line:#D4D7D5;
  --yellow:#F0DC0A;      /* rayo del logo / conector XT60 */
  --red:#D21A1E;         /* hélices del logo / manga de viento */
  --on-ink:#F5F6F4;

  /* Tipografía */
  --font-display:"Archivo","Arial Narrow",Arial,sans-serif;       /* ancha, mayúsculas, titulares */
  --font-body:"IBM Plex Sans",system-ui,-apple-system,sans-serif; /* lectura */
  --font-osd:"IBM Plex Mono",ui-monospace,Consolas,monospace;     /* datos: canales, coordenadas, etiquetas */

  --t-osd:.75rem;
  --t-sm:.9rem;
  --t-body:1.0625rem;
  --t-lead:1.2rem;
  --t-h3:1.2rem;
  --t-h2:clamp(1.6rem,3.4vw,2.6rem);
  --t-h1:clamp(1.7rem,3.6vw,3rem);

  /* Espacio (escala única) */
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2.5rem; --s5:4rem; --s6:6.5rem;
  --max:74rem;
  --gutter-l:max(1.25rem,env(safe-area-inset-left,0px));
  --gutter-r:max(1.25rem,env(safe-area-inset-right,0px));

  /* Movimiento */
  --ease:cubic-bezier(.2,.8,.2,1);
  --dur:.7s;

  color-scheme:light;
}