:root,
[data-theme="light"] {
	/* Marca — guía diseño */
	--vel-navy: #0033a0;
	--vel-navy-deep: #002878;
	--vel-sky: #5ba4d9;
	--vel-accent: #e8941a;
	--vel-accent-strong: #9a5800;
	--vel-white: #ffffff;
	--vel-brand-red: #e02020;
	--vel-brand-green: #10a151;
	--vel-brand-grey: #808080;

	/* Semánticos — contraste AA */
	--vel-text: #1a1a2e;
	--vel-text-muted: #4a4a5c;
	--vel-eyebrow: #004080;
	--vel-link: var(--vel-navy);
	--vel-link-hover: var(--vel-navy-deep);
	--vel-icon: var(--vel-navy);
	--vel-focus: #0033a0;
	--vel-cta-band: #0033a0;
	--vel-heading: #0033a0;
	--vel-heading-accent: #0033a0;
	--vel-on-band: #ffffff;

	/* Superficies — paleta limpia (sin crema) */
	--vel-bg: #ffffff;
	--vel-bg-alt: #f4f6f9;
	--vel-surface: #ffffff;
	--vel-border: rgba(0, 51, 160, 0.12);
	--vel-shadow: 0 4px 24px rgba(0, 51, 160, 0.06);
	--vel-overlay: linear-gradient(135deg, rgba(0, 40, 120, 0.72) 0%, rgba(0, 51, 160, 0.45) 100%);
	--vel-hero-overlay: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(0, 51, 160, 0.35) 100%);

	/* Layout */
	--vel-radius: 12px;
	--vel-radius-lg: 20px;
	--vel-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
	--vel-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--vel-container: 1200px;
	--vel-header-height: 80px;

	/* Footer */
	--vel-footer-bg: #0a1628;
	--vel-footer-text: #e8eaf0;
	--vel-footer-muted: rgba(232, 234, 240, 0.82);
}

[data-theme="dark"] {
	--vel-navy: #7ec8f0;
	--vel-navy-deep: #5ba4d9;
	--vel-sky: #7ec8f0;
	--vel-accent: #f0a030;
	--vel-accent-strong: #c4760a;
	--vel-heading: #eef1f7;
	--vel-heading-accent: #7ec8f0;
	--vel-text: #e8eaf0;
	--vel-text-muted: #b0b6c9;
	--vel-eyebrow: #7ec8f0;
	--vel-link: #7ec8f0;
	--vel-link-hover: #a8dcff;
	--vel-icon: #7ec8f0;
	--vel-focus: #7ec8f0;
	--vel-cta-band: #0033a0;
	--vel-on-band: #ffffff;
	--vel-bg: #0a1628;
	--vel-bg-alt: #121e36;
	--vel-surface: #162038;
	--vel-border: rgba(126, 200, 240, 0.2);
	--vel-shadow: 0 4px 24px rgba(0, 0, 0, 0.45);
	--vel-overlay: linear-gradient(135deg, rgba(10, 22, 40, 0.92) 0%, rgba(0, 51, 160, 0.6) 100%);
	--vel-hero-overlay: var(--vel-overlay);
	--vel-footer-bg: #060d18;
	--vel-footer-muted: rgba(232, 234, 240, 0.75);
}

/* Blocksy palette overrides */
[data-theme="light"] {
	--theme-palette-color-1: var(--vel-navy);
	--theme-palette-color-2: var(--vel-sky);
	--theme-palette-color-3: var(--vel-accent-strong);
}

[data-theme="dark"] {
	--theme-palette-color-1: var(--vel-sky);
	--theme-palette-color-2: var(--vel-navy);
	--theme-palette-color-3: var(--vel-accent-strong);
}