/**
 * tokens.css — fuente única de color, tipografía, espaciado y forma.
 *
 * Lo consumen las tres caras del producto, para que hablen el mismo idioma
 * visual: la portada nueva (portada-nueva.php), el acceso (login.php,
 * recuperar.php) y el panel post-login (sistema/, vía partials/head.php).
 *
 * Antes estos tokens vivían en el :root de assets/css/nueva.css y solo los veía
 * la portada. Se movieron acá en DHT-52 (fase 1 del rediseño, épica DHT-49);
 * nueva.css ahora los hereda de este archivo.
 *
 * Si cambia la marca, se cambia acá y en ningún otro lado.
 */

:root {
  /* Marca — tomados del logotipo */
  --brand-magenta: #d6079b;
  --brand-orange: #ff7c14;

  /* Derivados con contraste AA sobre blanco (>= 4.5:1) */
  --primary: #b00b87;       /* 6.5:1 — botones, enlaces */
  --primary-dark: #8a046b;  /* hover */
  --primary-soft: #fdf2fa;  /* fondos suaves */
  --accent-ink: #c2410c;    /* 5.2:1 — naranja utilizable como texto */
  --accent-soft: #fff4ea;   /* el par de --primary-soft por el lado naranja */

  /* Neutros: una sola rampa, ligeramente cálida */
  --ink-900: #1a1a1f;
  --ink-700: #3f3f49;
  --ink-500: #63636f;
  --ink-400: #8a8a96;
  --line: #e8e6ec;
  --surface: #ffffff;
  --surface-alt: #faf7fa;

  /* Estado — todos verificados AA sobre blanco (DHT-52) */
  --ok: #0f7a4d;      /* 4.8:1 */
  --error: #b42318;   /* 6.6:1 */
  --danger: #b42318;  /* 6.6:1 — nombre Bootstrap del error */
  --warn: #9a3412;    /* 7.3:1 */
  --info: #0369a1;    /* 5.9:1 */

  /* Tipografía */
  --font-head: "Poppins", "Montserrat", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.375rem, 1.2rem + 0.7vw, 1.625rem);
  --step-3: clamp(1.75rem, 1.3rem + 1.9vw, 2.5rem);
  --step-4: clamp(2.125rem, 1.55rem + 2.4vw, 3.125rem);

  /* Espaciado. La portada usaba rem sueltos; el panel necesita una escala.
     Base 4px: 1=4 2=8 3=12 4=16 5=24 6=32 7=48 8=64. */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Forma */
  --radius: 14px;      /* generoso — tarjetas de la portada */
  --radius-sm: 10px;
  --radius-xs: 8px;    /* apretado — controles densos del panel */
  --shadow-sm: 0 1px 2px rgba(26, 26, 31, 0.06), 0 4px 12px rgba(26, 26, 31, 0.05);
  --shadow-md: 0 8px 30px rgba(26, 26, 31, 0.1);
  --container: 1140px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --section-y: clamp(4rem, 8vw, 7rem);

  /* Movimiento — antes "0.18s ease" repetido a mano */
  --dur-fast: 0.12s;
  --dur-base: 0.2s;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* Capas del panel — ordenadas entre sí para que no se pisen */
  --z-sidebar: 1030;
  --z-navbar: 1035;
  --z-modal: 1050;
  --z-toast: 1060;

  /* Medidas del shell del panel */
  --sidebar-w: 260px;
  --navbar-h: 64px;
}