/* A-LAB — sistema de diseño v1 (propuesta)
   Concepto: la libreta del scout. Papel claro con tinte verde, tinta casi negra,
   un único verde profundo de cancha como acento. Datos en mono, titulares en serif.
   Tema claro único: no hay variante oscura por decisión de diseño. */

:root {
  /* Superficies */
  --paper: #F4F7F4;          /* fondo de página */
  --surface: #FFFFFF;        /* tarjetas, tablas, barras */
  --surface-2: #ECF1ED;      /* rellenos sutiles, hover, cabeceras */
  --surface-3: #E1E9E3;      /* rellenos más marcados */
  --field: #DDE7E0;          /* fondo de la hoja de la libreta (login) */
  --grid: #CFDBD3;           /* líneas de la cuadrícula */

  /* Líneas */
  --line: #DCE4DE;
  --line-strong: #BFCCC3;

  /* Tinta */
  --ink: #111C16;
  --ink-2: #435349;
  --ink-3: #66766C;
  --ink-inverse: #FFFFFF;

  /* Acento: verde de cancha profundo */
  --brand: #1B6746;
  --brand-hover: #145238;
  --brand-press: #0F4130;
  --brand-tint: #E2EEE6;
  --brand-tint-2: #CFE3D6;
  --brand-ink: #0F4130;
  --focus: rgba(27, 103, 70, 0.28);

  /* Semánticos (independientes del acento) */
  --res-win: #1B6746;
  --res-draw: #A4B0A8;
  --res-loss: #B24A3D;
  --warn: #8F5E0F;   --warn-bg: #F8EDD3;
  --bad: #A63C30; --bad-bg: #F6E3E0;
  --info: #2B5C8A;   --info-bg: #E3ECF5;
  --ok: #1B6746;     --ok-bg: #E2EEE6;

  /* Posiciones (tonales, sin neón) */
  --pos-gk: #86600F;  --pos-gk-bg: #F6EACB;
  --pos-def: #2B5C8A; --pos-def-bg: #E3ECF5;
  --pos-mid: #1B6746; --pos-mid-bg: #E2EEE6;
  --pos-att: #A63C30; --pos-att-bg: #F6E3E0;

  /* Tipografía */
  --font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-ui: "Geist", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-data: "Geist Mono", ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --fs-xs: 0.75rem;     /* 12 */
  --fs-sm: 0.8125rem;   /* 13 */
  --fs-md: 0.875rem;    /* 14 */
  --fs-lg: 1rem;        /* 16 */
  --fs-xl: 1.25rem;     /* 20 */
  --fs-2xl: 1.75rem;    /* 28 */
  --fs-3xl: 2.5rem;     /* 40 */

  /* Forma */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;

  /* Elevación: solo para capas flotantes */
  --shadow-float: 0 12px 32px rgba(17, 28, 22, 0.10), 0 2px 6px rgba(17, 28, 22, 0.06);
  --shadow-sheet: 0 1px 0 rgba(17, 28, 22, 0.04), 0 18px 40px rgba(17, 28, 22, 0.10);

  /* Medidas de estructura */
  --sidebar-w: 248px;
  --topbar-h: 60px;
  --gutter: 28px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}