/* Pattrack — tokens de marca para el sitio de marketing (pattrack.com)
 *
 * Fuente de verdad: docs/08-Diseno-y-UX.md §3.1
 * Espejo de apps/admin-web/static/css/tokens.css (sin el mapping a Bulma).
 * Si cambias la paleta aquí, cámbiala también allá y en el doc 08.
 *
 * Nota: el markup importado del diseño conserva los hex literales de marca
 * (idénticos a estos tokens) porque los atributos de presentación SVG
 * (fill/stroke) no resuelven var() de CSS. El CSS propio de este sitio
 * (landing.css) sí usa estas variables.
 */
:root {
  /* Teal — marca */
  --color-teal-25:  #f1fbfa;
  --color-teal-50:  #e6f8f6;
  --color-teal-100: #b3ede5;
  --color-teal-200: #80e2d3;
  --color-teal-400: #33c6b3;
  --color-teal-500: #00b4a0;
  --color-teal-600: #009686;
  --color-teal-700: #007568;
  --color-teal-900: #003b36;

  /* Navy */
  --color-navy-500: #1e3550;
  --color-navy-700: #142841;
  --color-navy-900: #0f1c2e;

  /* Coral — urgencia */
  --color-coral-50:  #fff3ef;
  --color-coral-100: #ffe0d6;
  --color-coral-400: #ff8a66;
  --color-coral-500: #ff7043;
  --color-coral-600: #e55a2e;

  /* Neutrals */
  --color-white:     #ffffff;
  --color-off-white: #f5f7fa;
  --color-slate-75:  #f1f3f6;
  --color-slate-100: #e5e9ee;
  --color-slate-200: #cbd2db;
  --color-slate-400: #94a1b0;
  --color-slate-500: #64748b;
  --color-slate-700: #42505f;

  /* Semánticos */
  --color-success-100: #dcfce7;
  --color-success-500: #10b981;
  --color-success-700: #047857;
  --color-danger-700:  #b91c1c;

  /* Radius — doc 08 §6.1 */
  --radius-small: 4px;
  --radius:       8px;
  --radius-large: 12px;

  --duration-fast: 120ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
}