/* Identidad de AnunciaConIA: variables compartidas por la landing y la app.
   La landing la copia a landing/assets/tokens.css al generarse (scripts/build_landing.py).
   Los colores de estado cumplen un contraste de 4,5:1 sobre blanco y sobre su fondo suave. */
:root {
  /* Marca */
  --ink: #120B24;            /* texto principal y fondos oscuros */
  --brand: #6D28D9;          /* botones principales, enlaces y acentos */
  --brand-hover: #5B21B6;
  --brand-soft: #F1EAFE;     /* resaltados, chips, elemento activo del menú */
  --brand-line: #C4B5FD;     /* trazo claro, acentos sobre fondo oscuro */
  --highlight: #FFD166;      /* énfasis: una palabra del titular o una cifra, con moderación */
  --spark: #FFB84D;          /* la chispa del icono */

  /* Superficies */
  --bg: #F7F5FF;             /* fondo general */
  --surface: #FFFFFF;        /* tarjetas */
  --border: #E4DEF5;         /* bordes */
  --divider: #F0ECFA;        /* separadores suaves */
  --muted: #5B5574;          /* texto secundario */

  /* Estados (texto / fondo suave / borde) */
  --success: #0B7A4B; --success-soft: #E6F5EC; --success-line: #A8DBBF;
  --danger: #B42318;  --danger-soft: #FDECEA;  --danger-line: #F3B8B1;
  --warning: #8A4B00; --warning-soft: #FFF4D6; --warning-line: #F2CF7A;

  /* Tipografía */
  --font-sans: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --tracking-title: -0.03em;

  /* Forma */
  --radius-control: 10px;    /* botones e inputs */
  --radius-card: 16px;       /* tarjetas */
  --radius-lg: 22px;         /* tarjetas grandes */
  --shadow-float: 0 12px 32px rgba(18, 11, 36, .10), 0 2px 6px rgba(18, 11, 36, .05);
  --focus-ring: 0 0 0 3px rgba(109, 40, 217, .25);
}