/* ============================================================
   QOSTUM · css/tokens.css — FUENTE ÚNICA de tokens de color
   Actualización de Diseño 2026 (Dirección A refinada).
   Cargar en TODAS las páginas ANTES de theme.css:
     <link rel="stylesheet" href="css/tokens.css?v=20260915a">
   Regla Piel vs Métrica: aquí solo hay color/sombra/radio. Cero métrica.
   ============================================================ */
:root {
  /* Marca — naranja = firma (~5–10%), nunca atmósfera */
  --color-qostum-primary:   #D97D55;
  --color-qostum-hover:     #C86D45;
  --color-qostum-secondary: #C86D45;   /* alias histórico */
  --color-qostum-soft:      #FBF6F0;   /* resaltado puntual; reemplaza #FEF3EC */

  /* Secundario — azul acero */
  --color-secondary:        #4886A8;
  --color-secondary-hover:  #3E7191;
  --color-secondary-soft:   #EAF0F5;
  --color-secondary-soft-h: #D4E1EC;
  --color-primary:          #4886A8;   /* alias histórico de --color-primary (antes #5B7C99) */
  --color-info:             #4886A8;
  --color-qostum-blue:      #4886A8;

  /* Estados */
  --color-success: #4E9C6E;  --color-success-text: #3E7E5A;
  --color-danger:  #C85A54;  --color-warning: #D9A855;
  --ok-text:#2D5A3A;  --ok-bg:#EAF2EC;  --ok-border:#BBE0C5;
  --err-text:#C85A54; --err-bg:#FBEAE8; --err-border:#F3C9C6;
  --warn-text:#7A5500;--warn-bg:#FEF6E7;--warn-border:#F5D78F;
  --info-text:#2C4A66;--info-bg:#EAF0F5;--info-border:#B8CBD9;

  /* Neutros CÁLIDOS (misma luminancia que los grises fríos) */
  --color-text:   #374151;  --color-text-2: #3D372F;  --color-text-3: #524B40;
  --color-label:  #786E63;  --color-faint:  #A39B8E;
  --color-border-input: #D9D2C7;  --color-border: #E9E2D8;
  --color-fill-100: #F2EFEA;  --color-fill-50: #F7F4EF;
  --color-row-hover: #f9fafb; --color-row-selected: #f9fafb;
  --color-page: #FDFCFA;  --color-surface: #FFFFFF;
  --color-gray-50:  #F7F4EF; --color-gray-100: #F2EFEA; --color-gray-200: #E9E2D8;
  --color-gray-300: #D9D2C7; --color-gray-400: #A39B8E; --color-gray-500: #786E63;
  --color-gray-600: #524B40; --color-gray-700: #3D372F; --color-gray-800: #374151; --color-gray-900: #374151;

  /* Superficies cálidas canónicas (header de barra/modal, cuerpo de modal) */
  --warm: #FAF7F4; --warm-border: #ECE3DB; --modal-body: #F9F7F3; --surface-2: #F4F2EF; --border-warm: #ECE6DD;
  --thead-bg: #F1F2F4; --thead-text: #6B7280; --thead-border: #E5E7EB;

  /* Callout único (reemplaza .aviso-prueba / .gx-aviso-ojo / .doc-solo-pantalla) */
  --callout-bg: #FBF6F0; --callout-border: #F6D9C6; --callout-text: #7A4A2E;

  /* Tipos (una sola paleta) */
  --tipo-PAR:#9379A6; --tipo-PEX:#9379A6; --tipo-MAT:#D97D55; --tipo-MDO:#4E9C6E; --tipo-MAQ:#4886A8;
  --tipo-REN:#8160C4; --tipo-SUB:#CFA23C; --tipo-HER:#5A6472; --tipo-OTR:#A39B8E; --tipo-CAP:#3E84B5;

  /* Sombras — tres niveles, tinte cálido. La sombra naranja solo en index.html */
  --shadow-sm: 0 1px 3px rgba(31,36,48,.08);
  --shadow-md: 0 8px 20px -8px rgba(31,36,48,.18);
  --shadow-lg: 0 24px 64px -16px rgba(31,36,48,.38);
  --shadow-xl: var(--shadow-lg);
  --shadow-toast: 0 16px 40px -14px rgba(31,36,48,.32);
  --border-radius: 8px;
}

html[data-theme="dark"] {
  --qd-bg:#13171E; --qd-surface:#1B212B; --qd-surface-2:#222B37; --qd-elevated:#232C38;
  --qd-border:#323B48; --qd-border-soft:#2A323D;
  --qd-text:#E6EAF0; --qd-text-muted:#9AA4B2; --qd-text-faint:#6B7785;
  --color-secondary:#6FA0C0; --color-secondary-hover:#8AB4D0;
  --color-secondary-soft: rgba(111,160,192,.18); --color-secondary-soft-h: rgba(111,160,192,.28);
  --color-primary:#6FA0C0; --color-info:#6FA0C0; --color-qostum-blue:#6FA0C0;
  --color-success:#5FB484; --color-success-text:#5FB484;
  --callout-bg:#2A2320; --callout-border:#4A3A2E; --callout-text:#E8B998;
  --tipo-PAR:#B49AC4; --tipo-PEX:#B49AC4; --tipo-MAT:#E08A63; --tipo-MDO:#5FB484; --tipo-MAQ:#6FA0C0;
  --tipo-REN:#A488D8; --tipo-SUB:#DBB45A; --tipo-HER:#8A93A2; --tipo-OTR:#B6AEA0; --tipo-CAP:#5BA0D0;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.35); --shadow-md: 0 8px 20px -8px rgba(0,0,0,.5); --shadow-lg: 0 24px 64px -16px rgba(0,0,0,.65);
}