/* ============================================================
   marca.css — tokens de la identidad (Claude Design, v2 ago-2026).

   SOLO custom properties. Aquí no va ni un selector: el paquete original
   traía reglas globales `a { color: … }` que habrían pisado los enlaces de
   todo el sitio, y los enlaces los decide la interfaz (tokens.css), no la
   marca.

   Estos tokens NO sustituyen a los de tokens.css. La interfaz sigue con la
   paleta del rediseño «Foco»; el azul y el naranja de aquí viven solo en la
   marca: logotipo, lockup, favicon, avatar. La única excepción está anotada
   abajo, en --rincon-naranja.

   Fuente y manual: smgr/images/marca/MANUAL.md
   Decisiones y trampas: smgr/images/marca/IMPLEMENTACION.md
   ============================================================ */

:root {
  /* ---------- Color de marca ---------- */
  --rincon-azul: #2E1BAE;          /* marco y logotipo; nunca sobre fondo oscuro */
  --rincon-naranja: #E2762B;       /* el balón. Constante en claro y en oscuro */
  --rincon-costura: #3D2A1E;       /* costuras del balón */
  --rincon-azul-apoyo: #5A57A6;    /* descriptor «del SuperManager» sobre claro */
  --rincon-blanco: #FFFFFF;

  /* Sobre superficie oscura. Lo dispara el CONTEXTO de superficie (el drawer y
     el pie son navy siempre), no `prefers-color-scheme`: este sitio no tiene
     modo oscuro.

     El manual manda pasar el marco a BLANCO, y aquí nos separamos de él a
     propósito: blanco sobre el navy #131C2E contrasta 17:1, el máximo posible,
     cuando en la versión clara el marco azul sobre papel contrasta 11:1. El
     marco pasaba de ser estructura a ser un pico de brillo que aplastaba al
     balón (5,6:1). Esta lavanda iguala el 11:1 de la versión clara, así que la
     jerarquía interna de la marca se mantiene en los dos fondos.

     Descartado: rellenar el interior del marco con un navy elevado (#1A2740)
     para que leyera como ficha. Contrasta 1,1:1 contra el fondo — invisible. */
  --rincon-marco-oscuro: #D3CDF9;
  --rincon-azul-oscuro-ui: #8C7CF0;  /* acentos de interfaz sobre oscuro */
  --rincon-apoyo-oscuro: #B9B3E6;    /* descriptor sobre superficie oscura */

  /* ---------- Tipografía de marca ---------- */
  /* Solo logotipo y titulares. La interfaz y las tablas se quedan en Barlow:
     Fredoka es una display redondeada y a cuerpo de texto cansa y ocupa más. */
  --rincon-font: 'Fredoka', 'Trebuchet MS', system-ui, sans-serif;
}