/*
 * Tokens del chrome de Bitácora. Heredados de la herramienta interna (research/02):
 * la interfaz cede el color al contenido y el color codifica información, nunca decora.
 */
:root {
	color-scheme: dark;

	/* Superficies */
	--bg: #121317;
	--panel: #1a1c21;
	--panel-raised: #23262d;
	--border: #2b2e35;

	/* Texto */
	--text: #ecedf0;
	--text-muted: #a6acb8;

	/* Significados */
	--accent: #e94b3f;        /* marca, activo, acción (trazos y estados; >= 3:1 como UI) */
	--accent-solid: #d63a2e;  /* fondos sólidos con texto blanco: pasa AA (4.66:1) */
	--live: #46c98c;          /* señal en vivo, recién actualizado */
	--info: #4da8ff;          /* modificado desde la última entrega */
	--selection: #56CCE6;     /* selección y foco: el celeste de la marca */
	--warning: #f0b43c;       /* pausa, atención */
	--active: #ffbf00;        /* ámbar de la marca: la pantalla abierta (ni rojo de error ni azul de selección) */
	/* Marca: Laguna Celeste (branding/kit-v2-laguna-celeste). Solo cambian los azules; las superficies siguen neutras. */
	--brand: #56CCE6;         /* celeste de la marca: acción, modo activo, la IA trabajando */
	--brand-rgb: 86, 204, 230;
	--brand-hover: #7ad9ee;
	--on-brand: #081B21;      /* texto e iconos sobre celeste: tinta (11:1); blanco no se lee */
	--brand-deep: #08718B;    /* azul profundo de la marca: degradados y fondos con texto blanco (5.6:1) */
	--brand-deep-rgb: 8, 113, 139;

	/* Tipografía */
	--font: 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
	--font-mono: ui-monospace, 'Cascadia Code', Consolas, monospace;
	--text-xs: 11px;
	--text-sm: 13px;
	--text-md: 15px;
	--text-lg: 20px;

	/* Espaciado y formas */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--radius-sm: 12px;
	--radius-md: 18px;
	--radius-lg: 26px;
	--radius-pill: 999px;   /* botones, barras de herramientas, etiquetas: redondeo total */
	--hairline: rgba(255, 255, 255, 0.07); /* borde de los paneles flotantes */
	/* Marfil: la superficie clara de los menús de la casa (menú del usuario, menú del logo…) y de la barra de Bocetos. */
	--paper-bg: #f4f1ea;
	--paper-card: #fff;
	--paper-text: #1d2126;
	--paper-muted: #5f6570;
	--paper-line: rgba(0, 0, 0, 0.1);
	--paper-hover: rgba(0, 0, 0, 0.055);
	--paper-shadow: 0 20px 50px rgba(0, 0, 0, 0.55);
	--touch: 44px;            /* objetivo táctil mínimo (tablet desde la fase A) */

	--shadow-float: 0 12px 32px rgba(0, 0, 0, 0.45);
	--ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}