/* ==========================================================================
   Campo Brokers — tokens de diseño (--cbt-*)
   --------------------------------------------------------------------------
   Una sola fuente de color, letra, radios y sombras para la web pública y el
   panel. Este archivo SOLO declara variables y @font-face: no tiene ni un
   selector de elemento, así que cargarlo no cambia nada visible por sí solo.
   Los componentes que las usan viven en cb-ui.css (clases .cbt-*).

   Identidad: la de la portada (decisión del dueño, 25-oct-2026). Papel cálido,
   tinta, oliva para lo que está hecho y para los enlaces, y el naranja quemado
   SOLO para la acción principal de cada vista.

   Prefijo --cbt- y no --cb-: el tema define --cb-* en :root
   (themes/campo-broker-theme/style.css) y el onboarding también; con otro
   prefijo no se pisan.

   Respaldo literal: quien use var(--cbt-x) escribe var(--cbt-x, #hex) por si
   este archivo no llega (p. ej. campo-broker-frontend desactivado).
   ========================================================================== */

:root {
	/* Tinta y texto */
	--cbt-ink: #23271A;
	--cbt-ink-2: #4A4E3F;
	--cbt-muted: #62655A;
	--cbt-faint: #8C8F80;

	/* Líneas y superficies */
	--cbt-line: #E3E5DC;
	--cbt-line-strong: #C9CBBE;
	--cbt-bg: #F3F4EF;
	--cbt-sunken: #EDEEE6;
	--cbt-surface: #FFFFFF;
	--cbt-hover: #F7F8F3;
	--cbt-selected: #E9ECDF;

	/* Acción principal (una por vista) */
	--cbt-accent: #BF5618;
	--cbt-accent-hover: #A3470F;
	--cbt-accent-press: #8A3C0D;
	--cbt-accent-soft: #F6E3D6;

	/* Enlace y foco */
	--cbt-link: #5A6826;
	--cbt-focus: #5A6826;

	/* Estados. El color nunca va solo: siempre acompaña a un texto. */
	--cbt-done: #6B7A2E;
	--cbt-pos: #3B6A1E;
	--cbt-pos-bg: #EEF3E4;
	--cbt-pos-line: #CFDDB4;
	--cbt-warn: #93590B;
	--cbt-warn-dot: #C98A12;
	--cbt-warn-bg: #FBF3E1;
	--cbt-warn-line: #EBD3A1;
	--cbt-warn-ink: #6B4307;
	--cbt-neg: #B42318;
	--cbt-neg-bg: #FDF1EF;
	--cbt-neg-line: #F4C7C0;
	--cbt-neg-ink: #7A1A12;
	--cbt-neutral-dot: #9DA08F;

	/* Barra oscura de la web pública */
	--cbt-chrome: #23271A;

	/* Letra. Space Grotesk solo en títulos, nunca en cifras. */
	--cbt-font: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--cbt-font-title: 'Space Grotesk', 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--cbt-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	/* Escala de texto (tamaño / interlínea) */
	--cbt-t-12: 12px;  --cbt-l-12: 16px;
	--cbt-t-13: 13px;  --cbt-l-13: 18px;
	--cbt-t-14: 14px;  --cbt-l-14: 20px;
	--cbt-t-16: 16px;  --cbt-l-16: 22px;
	--cbt-t-20: 20px;  --cbt-l-20: 26px;
	--cbt-t-24: 24px;  --cbt-l-24: 30px;
	--cbt-t-32: 32px;  --cbt-l-32: 36px;

	/* Radios: pequeños. 12px solo en diálogos. */
	--cbt-r-2: 2px;
	--cbt-r-4: 4px;
	--cbt-r-6: 6px;
	--cbt-r-8: 8px;
	--cbt-r-dialog: 12px;

	/* Dos sombras y ninguna más: menús y diálogos. El resto, con bordes. */
	--cbt-shadow-pop: 0 1px 2px rgba(35, 39, 26, .06), 0 8px 24px rgba(35, 39, 26, .12);
	--cbt-shadow-modal: 0 2px 6px rgba(35, 39, 26, .08), 0 24px 48px rgba(35, 39, 26, .18);

	/* Capas: la plantilla del panel fuerza 99000 a todo lo que se llame
	   «modal/overlay/backdrop». Los diálogos .cbt-* declaran la suya. */
	--cbt-z-pop: 9800;
	--cbt-z-dialog: 99100;
	--cbt-z-toast: 99200;
}