/* =========================================================================
   COLMENA · TOKENS — Renovación visual (NOTA 13-oct-2026)
   Valores del PDF. "derivado" = tono calculado, no viene en la NOTA.
   ========================================================================= */
:root {
	/* Menú lateral */
	--cv-menu-bg: #3b422a;
	--cv-menu-sub: #343a25; /* derivado: fondo de submenú */
	--cv-menu-hover: #474f33; /* derivado */
	--cv-menu-active: #525c3b; /* derivado: opción seleccionada */
	--cv-menu-focus: #c0d37e;
	--cv-menu-text-sub: rgba(255, 255, 255, 0.72); /* opciones de tercer nivel */
	--cv-menu-line: rgba(255, 255, 255, 0.16); /* línea guía de cada grupo */
	--cv-menu-indent-1: 40px; /* sangría del grupo y posición de la línea guía */
	--cv-menu-indent-2: 70px; /* sangría de las opciones */

	/* Base compartida */
	--cv-bg: #f4f4f5;
	--cv-surface: #ffffff;
	--cv-border: #e2e2e4;
	--cv-text: #24332c;
	--cv-text-muted: #6b7770;
	--cv-label-bg: #f4f4f5;
	--cv-th-bg: #efeff0;
	--cv-row-hover: #f8f8f9;

	/* Acciones */
	--cv-primary: #718536;
	--cv-primary-hover: #5f7130; /* derivado */
	--cv-soft: #eef3e5;
	--cv-soft-dark: #d8e2c4;
	--cv-soft-hover: #e3ebd5; /* derivado */
	--cv-blue: #3975bc;
	--cv-blue-soft: #edf5ff;
	--cv-blue-soft-dark: #c7ddf5;
	--cv-coral: #b94737;
	--cv-coral-soft: #fde9e3;
	--cv-coral-soft-dark: #f5c4b8;
	--cv-slate: #55657a; /* derivado: gris azulado (documentos) */
	--cv-slate-soft: #eef2f7; /* derivado */

	/* Bloque financiero del dashboard */
	--cv-fin-bg: #24372e;
	--cv-fin-title: #c0d37e;
	--cv-fin-pagar: #f47c68;
	--cv-fin-text: #f3f5f4;
	--cv-fin-line: rgba(255, 255, 255, 0.14);
	--cv-fin-hover: rgba(255, 255, 255, 0.1);
	--cv-fin-accent-soft: rgba(192, 211, 126, 0.22);

	/* Medidas */
	--cv-radius-card: 12px;
	--cv-radius-ctrl: 8px;
	--cv-radius-pill: 999px;
	--cv-shadow: 0 1px 3px rgba(36, 51, 44, 0.08);
	--cv-ring: 0 0 0 1px var(--cv-border); /* borde que no altera medidas */
	--cv-fs-base: 14px;
	--cv-fs-block: 17px; /* títulos de bloque 16–18 */
	--cv-fs-screen: 26px; /* título de pantalla 24–28 */
	--cv-ico: 16px; /* íconos 16–18 */
	--cv-ico-table: 12px; /* íconos 16–18 */
	--cv-ico-head: 20px; /* íconos de encabezado de bloque 20–24 */
}