/*
 * Design tokens — traducción literal de
 * /docs/05 - UI Design System/CE - Elementor Design Foundations.md (§1, §2, §5, §10)
 * a Custom Properties CSS. No se ha alterado ningún valor: colores,
 * tipografía y spacing son exactamente los aprobados.
 */

:root {
	/* Color — primitivos */
	--ce-brand-green: #1F4D3D;
	--ce-brand-terracotta: #D97642;
	--ce-green-deep: #16382D;
	--ce-terracotta-deep: #A9502C;
	--ce-terracotta-mist: #F7E8DE;
	--ce-neutral-white: #FFFFFF;
	--ce-neutral-50: #FAF9F7;
	--ce-neutral-100: #F6F2EB;
	--ce-neutral-200: #E7E1D8;
	--ce-neutral-300: #D3CEC6;
	--ce-neutral-500: #8A8F8C;
	--ce-neutral-700: #4D5752;
	--ce-neutral-900: #21302A;
	--ce-success-base: #2F6F55;
	--ce-success-bg: #EAF3EE;
	--ce-warning-base: #A5661E;
	--ce-warning-bg: #FAF1E4;
	--ce-error-base: #A94343;
	--ce-error-bg: #F8EAEA;
	--ce-info-base: #3C6580;
	--ce-info-bg: #EAF0F4;

	/* Color — semántico */
	--ce-text-primary: var(--ce-neutral-900);
	--ce-text-secondary: var(--ce-neutral-700);
	--ce-text-inverse: var(--ce-neutral-white);
	--ce-text-brand: var(--ce-brand-green);
	--ce-text-link: var(--ce-brand-green);
	--ce-text-accent: var(--ce-terracotta-deep);
	--ce-surface-canvas: var(--ce-neutral-white);
	--ce-surface-subtle: var(--ce-neutral-50);
	--ce-surface-muted: var(--ce-neutral-100);
	--ce-surface-brand: var(--ce-brand-green);
	--ce-surface-accent-soft: var(--ce-terracotta-mist);
	--ce-border-default: var(--ce-neutral-200);
	--ce-border-strong: var(--ce-neutral-300);
	--ce-border-focus: var(--ce-brand-terracotta);
	--ce-action-primary-bg: var(--ce-brand-green);
	--ce-action-primary-bg-hover: var(--ce-green-deep);
	--ce-action-primary-text: var(--ce-neutral-white);
	--ce-action-secondary-bg: var(--ce-neutral-white);
	--ce-action-secondary-text: var(--ce-brand-green);
	--ce-action-disabled-bg: var(--ce-neutral-200);
	--ce-action-disabled-text: var(--ce-neutral-500);

	/* Tipografía */
	--ce-font-brand: "Lato", Arial, sans-serif;
	--ce-font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* Spacing (05A §5) */
	--ce-space-1: 4px;
	--ce-space-2: 8px;
	--ce-space-3: 12px;
	--ce-space-4: 16px;
	--ce-space-5: 24px;
	--ce-space-6: 32px;
	--ce-space-8: 48px;
	--ce-space-10: 64px;
	--ce-space-12: 96px;
	--ce-space-16: 128px;

	/* Radius (05A §10) */
	--ce-radius-sm: 4px;
	--ce-radius-md: 8px;
	--ce-radius-lg: 16px;
	--ce-radius-full: 999px;

	/* Layout (05A §4) */
	--ce-content-width: 1200px;
	--ce-reading-width: 760px;
	--ce-medium-width: 900px;

	/* Header (05B §5) */
	--ce-header-h-desktop: 80px;
	--ce-header-h-mobile: 64px;
}