/* ============================================================================
   Tokens de diseño — la única definición de la paleta.

   Antes este bloque estaba copiado en las cuatro páginas, y ya había empezado a
   divergir: `--stage` solo existía en la tienda, `--ok` solo en el panel de
   admin, y los mismos colores aparecían además como literales sueltos dentro de
   los configuradores. Cambiar el color de marca eran cuatro ediciones y una
   oportunidad de que la quinta se olvidara.

   Los valores son EXACTAMENTE los que había: esto es una unificación, no un
   rediseño. Lo único que cambia de aspecto es el fondo del distintivo de
   ejemplo, y por una razón medida — ver --badge-bg más abajo.
   ========================================================================== */

:root {
  /* Superficie y texto.
     Lectura neutra/técnica en vez de pastel: grises piedra (no crema
     melocotón) para el panel, y la terracota del logo llevada hacia el óxido
     para que lea como acento terroso y no como un lavado rosa. */
  --bg: #f5f4f1;
  --panel: #ffffff;
  --panel-2: #eceae5;
  --line: #d9d6cf;
  --ink: #1b1b19;
  --ink-dim: #86827a;

  /* Acento de marca. */
  --brass: #b37a54;
  --brass-dim: #8c5c3e;
  --brass-bright: #c79268; /* estado hover de los elementos en latón */
  --on-brass: #2b211b; /* texto legible sobre --brass */

  /* Estados. */
  --warn: #b23f28;
  --danger: #b5453a;
  --ok: #3f8e43;

  /* El escenario 3D: fondo grafito oscuro contra el panel claro. Es un
     contraste deliberado ("expositor oscuro" + UI clara), no un descuido. */
  --stage: #181715;
  --on-stage: #f2efea; /* texto principal sobre el escenario */
  --on-stage-dim: #948e85; /* texto secundario sobre el escenario */
  --on-stage-faint: #b0aaa1; /* mensajes de carga */

  /* Fondo del distintivo "vista de ejemplo".
     Las dos placas usaban valores distintos: rgba(--brass, .88) en Terreno y
     rgba(--brass-dim, .94) en Ruta. Medido sobre el escenario con el texto
     --on-stage, el primero da 3,78:1 y el segundo 5,30:1. WCAG AA para texto
     pequeño exige 4,5:1, así que al unificar gana el de Ruta: es el único de
     los dos que cumple. */
  --badge-bg: rgba(140, 92, 62, 0.94);
}