/*
 * Dike Platform — Design Tokens (fuente única de verdad)
 *
 * Antes de este archivo, tres lugares definían su propia paleta con nombres
 * distintos para el MISMO color (p. ej. #171a40 era --primary-blue en
 * landing.css y --color-navy en premium_base.html), y un mismo nombre
 * (--cyan-signal) significaba dos colores distintos según el archivo
 * (#4dd6e5 en base.html vs #64b5f6 en premium_base.html).
 *
 * Esta hoja define los primitivos (valores crudos, sin significado
 * semántico). Los temas en static/css/themes/*.css mapean estos primitivos
 * a variables semánticas (--surface, --accent, --text-primary, ...) que es
 * lo que el resto del CSS y los templates deben usar.
 *
 * Ver static/css/README.md para la guía completa.
 */

:root {
  /* ---- Paleta: oscuros (tema "Signal") ---- */
  --color-carbon-900: #080a0d;
  --color-carbon-800: #10141b;
  --color-carbon-700: #161b25;
  --color-paper: #f5f6f8;

  /* ---- Paleta: marca / navegación (tema "Aurora": landing + premium) ---- */
  --color-navy-900: #171a40;
  --color-navy-800: #20265c;
  --color-sky-100: #e1eaf7;
  --color-sky-50: #eef4fb;
  --color-gray-200: #e4e5e6;
  --color-gray-50: #f7f9fc;
  --color-ink-800: #1f2940;
  --color-ink-500: #637086;

  /* ---- Paleta: neutros ---- */
  --color-white: #ffffff;
  --color-black: #000000;

  /* ---- Paleta: acentos / señal ---- */
  --color-cyan-400: #4dd6e5;
  --color-cyan-500: #3bc2d1;
  --color-skyblue-400: #64b5f6;
  --color-mist-100: #e6eaf2;
  --color-mist-400: #9aa3b2;
  --color-mist-600: #5f6775;

  /* ---- Paleta: estado / semáforo ---- */
  --color-emerald-500: #0e9f6e;
  --color-amber-600: #dc6803;
  --color-rose-600: #d92d20;
  --color-red-muted: #d96c6c;

  /* ---- Paleta: identidad institucional (usada en componentes de score) ---- */
  --color-verde-austriaco: #0F9D58;
  --color-rojo-intervencionista: #C1121F;
  --color-guatemalan-blue: #1A365D;

  /* ---- Tipografía ---- */
  --font-display-signal: 'Playfair Display', serif;     /* títulos, tema Signal (dashboards básico/admin) */
  --font-display-aurora: 'Poppins', sans-serif;          /* títulos, tema Aurora (landing + premium) */
  --font-body-signal: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-body-aurora: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-tech: 'Courier New', monospace;                 /* etiquetas técnicas en landing */

  /* ---- Espaciado (escala base 8px) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --layout-max-width: 1200px;

  /* ---- Movimiento ---- */
  --ease-signal: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-aurora-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-aurora-spring: cubic-bezier(0.2, 0.9, 0.2, 1);
  --ease-aurora-panel: cubic-bezier(0.19, 1, 0.22, 1);
}