/* -------------------------------------------------------------------------
Cancun Jungle Camp - variables del sitio, ahora en "Taller de Campo"
Los NOMBRES de las variables son los de siempre (--accent-orange,
--bg-dark, --font-title...) porque los usan cientos de reglas en
style.css y components.css. Lo que cambia son los VALORES: ahora salen
del brandbook en marca/brandbook/tokens.css.
Se hizo asi a proposito. Reescribir cada regla habria significado tocar
mas de mil lineas de CSS y romper cosas sin querer; cambiando el valor
detras del nombre, el sitio entero se muda de sistema visual de una vez
y sin efectos colaterales.
El sistema anterior (Jungle Tech: verde casi negro, naranja de seguridad
y amarillo acido) queda en variables.css.jungle-tech.bak.
Las fuentes ya NO se cargan con @import: eso serializaba la descarga y
retrasaba el primer render. Van como en el de cada pagina.
------------------------------------------------------------------------- */
:root {
/* --- Superficies ------------------------------------------------- */
--bg-dark: #1C2320; /* tinta selva */
--bg-dark-card: rgba(38, 47, 42, .82);
--bg-light: #EFECE2; /* caliza */
--bg-light-card: #F7F5EF; /* caliza clara */
/* --- Verdes de marca --------------------------------------------- */
--primary: #3E5C43; /* palma */
--primary-light: #6E8B72; /* palma clara */
--primary-glow: rgba(62, 92, 67, .22);
/* --- Acento principal: caoba -------------------------------------
Sustituye al naranja de seguridad. En relleno se usa el tono pleno;
sobre fondo oscuro, el texto usa la version aclarada, porque el
caoba pleno sobre tinta selva no alcanza el contraste minimo. */
--accent-orange: #A8452E; /* caoba */
--accent-orange-hover: #8A3624; /* caoba honda */
--accent-orange-glow: rgba(168, 69, 46, .18);
--accent-orange-claro: #D97157; /* caoba sobre fondo oscuro (4.92:1) */
/* --- Segundo acento: oro de fogata -------------------------------
Sustituye al amarillo acido. Es el color de la llama del logo:
destello, nunca masa. */
--accent-volt: #C08A2E; /* oro fogata */
--accent-volt-hover: #9A7526; /* laton */
--accent-volt-glow: rgba(192, 138, 46, .20);
--accent-volt-claro: #D9A344; /* oro sobre fondo oscuro (7.07:1) */
--accent-volt-texto: #7D5E1C; /* oro como TEXTO sobre caliza (5.09:1) */
/* --- Texto -------------------------------------------------------- */
--text-light: #E9E5D9;
--text-muted-light: #A3ADA5;
--text-dark: #1C2320;
--text-muted-dark: #5A665D;
--linea: #D6D2C4;
/* --- Estados ------------------------------------------------------ */
--success: #3E5C43; /* palma: confirmado */
--danger: #A8452E; /* caoba: alerta */
--pendiente: #9A7526; /* laton: pendiente */
/* --- Tipografia ---------------------------------------------------
Los de Google Fonts viven en el , no aqui. */
--font-title: "IBM Plex Sans Condensed", "Arial Narrow", sans-serif;
--font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;
--font-data: "IBM Plex Mono", ui-monospace, Menlo, monospace;
/* --- Medidas ------------------------------------------------------
Taller de Campo es de esquina casi recta: 2 px. Las pastillas y chips
llevan su propio radio redondo en components.css y no se tocan. */
--header-height: 80px;
--max-width: 1200px;
--border-radius-sm: 2px;
--border-radius-md: 2px;
--border-radius-lg: 2px;
/* --- Transiciones -------------------------------------------------- */
--transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
--transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
/* --- Vidrio y foto -------------------------------------------------
Menos brillo que antes: el sistema nuevo no es de resplandores. */
--glass-border: rgba(233, 229, 217, .10);
--glass-border-volt: rgba(192, 138, 46, .28);
--glass-border-orange: rgba(168, 69, 46, .28);
--blur-normal: blur(12px);
--foto-filtro: saturate(0.85) contrast(1.03);
}