/* ===== Paleta de Base Web =====
   ÚNICA definición de los colores en tiempo de ejecución. Antes vivía copiada en
   base.css, admin.css y tablero-marca.html, y cada copia se podía desincronizar.

   La cargan las tres superficies, siempre ANTES de su propia hoja:
     - el sitio      → partials/head.php
     - el panel      → admin/incluir/layout.php y admin/paginas/entrar.php
     - el tablero    → tablero-marca.html

   Se enlaza con <link> y no con @import a propósito: @import serializa la
   descarga (el navegador tiene que leer la primera hoja para descubrir la
   segunda), mientras que dos <link> bajan en paralelo.

   Cada superficie puede redefinir un token en su propio :root si tiene razón
   para hacerlo; el panel lo hace con --surface. Lo que no puede es volver a
   declarar la paleta completa.

   Fuente de verdad conceptual: brand.md. Si cambia un color, se cambia acá. */
:root{
  /* Neutros — todos en hue ~270° (azul-violáceo) */
  --ink:#08090D;                  /* fondo de todo */
  --surface:#191C27;              /* tarjetas y bandas */
  --field:#0E1017;                /* lo que recibe entrada: inputs, maquetas */
  --text:#F3F4F8;                 /* texto que importa */
  --muted:#9096A8;                /* texto secundario */
  --faint:#565D72;                /* metadatos y placeholder, nunca lectura */
  --line:rgba(255,255,255,.08);   /* la única frontera entre superficies */

  /* Acentos */
  --cyan:#25E6D4;                 /* lo que se puede tocar, seguir o leer como estado */
  --cyan-bright:#7FF0E4;          /* solo el hover de lo que ya es cian */
  --violet:#7A5BFF;               /* marca y luz */
  --magenta:#FF3D8B;              /* énfasis y error */
  --coral:#FF6A3D;                /* cola del degradado */

  /* Degradado firma — una vez por pantalla */
  --grad:linear-gradient(90deg,var(--violet),var(--magenta),var(--coral));
}