/* Design tokens — extraídos de mockups/pilot-suite (paleta app + marca Mutaciones) */
:root {
  --bg: #F2F2F2;
  --surface: #FFFFFF;
  --border: #E0E0E0;
  --text-primary: #111111;
  --text-secondary: #555555;
  --text-muted: #999999;
  --morado: #9D67FF;
  --morado-light: #F4EEFF;
  --morado-border: #D4BCFF;
  --verde: #AFF757;
  --verde-dark: #2e7d32;
  --naranja: #FB6200;
  --rosado: #FFD4FC;
  --negro: #000000;
  --blanco: #FFFFFF;
  --radius: 10px;
  --radius-sm: 6px;
  --shadow: 0 2px 8px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 20px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.06);

  /* Semáforo */
  --sem-verde: #4caf50;
  --sem-amarillo: #ffc107;
  --sem-rojo: #f44336;
  --sem-gris: #ccc;
  --sem-verde-bg: #e8f5e9;
  --sem-amarillo-bg: #fff8e1;
  --sem-rojo-bg: #ffebee;
  --warn-text: #e65100;

  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
}