/* Solparquet Gestión · 1/5 TOKENS del sistema de diseño (docs/12-DISENO.md).
 * Una sola fuente de color, espacio, radio, sombra, tipografía y capas. Los módulos usan SIEMPRE var(--...), nunca colores sueltos.
 * Contraste WCAG 2.1 AA medido por tests/Core/ContrasteTokensTest.php (lee este fichero): texto >= 4,5:1; texto grande, bordes de campo,
 * iconos y anillo de foco >= 3:1. Si cambias un color, pasa `php tests/run.php Contraste`.
 * Formato: una propiedad por línea «--nombre: #RRGGBB;» (el test solo entiende hexadecimales de 6 cifras).
 */
:root {
  /* Marca (terracota / crema, de solparquet.com) */
  --terra: #C2502F;          /* fondo de botón primario (texto blanco 4,69:1). NO usar como color de texto sobre crema */
  --terra-600: #A8401F;      /* enlaces, hover del primario, anillo de foco */
  --terra-700: #8E3417;      /* activo / pulsado, texto sobre --terra-tint */
  --terra-soft: #DE7D58;     /* solo decoración (degradados, barras) */
  --terra-tint: #FBEDE5;     /* fondo suave de marca: elemento activo del menú, chips */
  --terra-50: #FDF6F1;

  /* Neutros cálidos */
  --cream: #F7F1E7;          /* fondo de la aplicación */
  --cream-2: #EFE4D2;        /* fondo de chips, badges grises, hover de secundario */
  --paper: #FFFBF4;          /* superficie de tarjetas, barra superior, menú */
  --surface: #FFFFFF;        /* campos de formulario */
  --surface-2: #FBF6EE;      /* cabecera de tabla, pie de ventanas */
  --zebra: #FDF9F3;          /* filas pares de las tablas */
  --mark: #FFE6A8;           /* resaltado de la coincidencia en búsquedas */
  --ink: #2B241E;            /* texto principal */
  --ink-soft: #5C5046;       /* texto secundario */
  --ink-faint: #6F6256;      /* texto terciario (pistas, cabeceras de tabla): >= 4,5:1 sobre paper, cream y cream-2 */
  --nogal: #4A3A2E;
  --line: #E6D9C5;           /* separadores decorativos (no bordes de campo) */
  --line-soft: #EFE7D8;
  --field-border: #8F7E6C;   /* borde de input/select/checkbox/botón secundario: >= 3:1 sobre blanco y paper */
  --disabled-bg: #EDE6DA;
  --disabled-fg: #6F6256;

  /* Enlaces y foco */
  --link: #A8401F;
  --link-hover: #8E3417;
  --focus: #A8401F;

  /* Estados: --x = icono/borde (>= 3:1), --x-ink = texto sobre --x-bg (>= 4,5:1), --x-bg = fondo suave */
  --ok: #276B43;       --ok-ink: #1D5A37;   --ok-bg: #E5F3EA;   --ok-line: #9CCBAE;
  --warn: #9A6A00;     --warn-ink: #7A5200; --warn-bg: #FFF3D6; --warn-line: #E2C06B;
  --err: #B3261E;      --err-ink: #8A1B15;  --err-bg: #FDE7E4;  --err-line: #EFA9A2;
  --info: #2F5D8A;     --info-ink: #244A6E; --info-bg: #E6EFF8; --info-line: #A9C3DE;

  /* Tipografía */
  --font-head: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-base: 1rem; --fs-lg: 1.125rem; --fs-xl: 1.375rem; --fs-2xl: 1.75rem; --fs-3xl: 2.125rem;
  --lh-tight: 1.2; --lh: 1.5;

  /* Espaciado (escala de 4 px) */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem; --s-5: 1.25rem; --s-6: 1.5rem; --s-8: 2rem; --s-10: 2.5rem; --s-12: 3rem;

  /* Radios y sombras */
  --r-sm: 8px; --r: 12px; --r-lg: 18px; --r-full: 999px;
  --sh-1: 0 1px 2px rgba(43, 36, 30, .06), 0 2px 8px rgba(43, 36, 30, .05);
  --sh-2: 0 2px 4px rgba(43, 36, 30, .06), 0 8px 24px rgba(43, 36, 30, .10);
  --sh-3: 0 12px 48px rgba(43, 36, 30, .28);

  /* Capas */
  --z-sticky: 20; --z-topbar: 30; --z-bottomnav: 32; --z-drawer: 40; --z-dropdown: 50; --z-modal: 60; --z-toast: 70; --z-tooltip: 80;

  /* Medidas */
  --tap: 44px;               /* objetivo táctil mínimo (móvil con guantes: botones grandes usan --tap-lg) */
  --tap-lg: 56px;
  --topbar-h: 60px;
  --side: 264px;
  --side-mini: 72px;
  --bottomnav-h: 64px;
  --maxw: 1320px;
  --dur: .18s;

  /* Alias de compatibilidad (vistas antiguas con style="...var(--x)") */
  --terra-2: var(--terra-600);
  --radius: var(--r); --radius-lg: var(--r-lg); --shadow: var(--sh-1);
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0s; }
}
/* Modo oscuro: fuera a propósito (ver docs/12-DISENO.md, «Modo oscuro»). */