/* =============================================================
   B2B Grow Lab — Design tokens
   Source of truth: design_handoff_b2bgrowlab_redesign/README.md
   No improvisar valores. Cualquier nuevo color/spacing va acá.
   ============================================================= */

:root {
	/* ----- Brand palette ----- */
	--charleston: #2A2829;
	--white: #FFFFFF;
	--sky: #97B4DE;
	--royal: #3664CB;
	--blue: #093388;

	/* ----- Editorial neutrals (cream paper) ----- */
	--paper: #F4F1EA;
	--paper-2: #ECE7DB;
	--ink: #1A1819;
	--ink-2: #423E3F;
	--ink-3: #6B6669;
	--rule: rgba(26, 24, 25, 0.12);
	--rule-strong: rgba(26, 24, 25, 0.22);

	/* ----- Dark mode (inverted) ----- */
	--night: #161516;
	--night-2: #1F1E1F;
	--night-rule: rgba(255, 255, 255, 0.10);
	--night-rule-strong: rgba(255, 255, 255, 0.22);
	--night-ink: #EDE9E1;
	--night-ink-2: #B7B1A8;
	--night-ink-3: #7A746C;

	/* ----- Accent aliases (re-themable) ----- */
	--accent: var(--royal);
	--accent-deep: var(--blue);
	--accent-soft: var(--sky);
	--accent-tint: rgba(54, 100, 203, 0.10);

	/* ----- Layout ----- */
	--maxw: 1360px;
	--maxw-wide: 1480px;

	/* ----- Radii ----- */
	--radius-card: 18px;
	--radius-card-lg: 20px;
	--radius-card-xl: 28px;
	--radius-pill: 999px;

	/* ----- Spacing scale (escalable) ----- */
	--space-section: 96px;
	--space-section-tight: 64px;
	--space-section-mobile: 64px;

	/* ----- Z layers ----- */
	--z-nav: 50;
	--z-overlay: 60;
	--z-modal: 1000;
}

/* Selección consistente en todo el sitio */
::selection {
	background: var(--accent);
	color: #ffffff;
}