:root {
	/* ============ Cor — acento único (verde) ============ */
	--color-verde-pera: #8CA83E;
	--color-verde-pera-dark: #647524;
	--color-verde-pera-light: #B7D373;
	--color-accent: var(--color-verde-pera);
	--color-accent-dark: var(--color-verde-pera-dark);
	--color-accent-light: var(--color-verde-pera-light);

	/* ============ Neutros — tema claro ============ */
	--color-bg: #F7F6F1;
	--color-bg-elevated: #FFFFFF;
	--color-bg-subtle: #EFEDE3;
	--color-text: #101208;
	--color-text-muted: #55573F;
	--color-text-faint: #94947C;
	--color-border: #DFDCC9;
	--color-white: #FFFFFF;

	/* ============ Neutros — tema escuro (Skills / Portfólio / Contacto) ============ */
	--color-dark-bg: #0B0C07;
	--color-dark-bg-elevated: #15170D;
	--color-dark-text: #F7F6EF;
	--color-dark-text-muted: #A3A48C;
	--color-dark-text-faint: #666753;
	--color-dark-border: #24261A;
	--color-dark-border-soft: rgba(247, 246, 239, 0.08);

	/* ============ Gradientes & glows ============ */
	--gradient-brand: linear-gradient(135deg, var(--color-verde-pera) 0%, var(--color-verde-pera-dark) 100%);
	--glow-verde: radial-gradient(circle, rgba(140, 168, 62, 0.38) 0%, rgba(140, 168, 62, 0) 70%);

	/* ============ Tipografia ============ */
	--font-display: 'Poppins', 'Inter', sans-serif;
	--font-base: 'Inter', sans-serif;

	--fs-xs: 0.72rem;
	--fs-sm: 0.875rem;
	--fs-base: 0.975rem;
	--fs-lg: 1.15rem;
	--fs-xl: 1.5rem;
	--fs-2xl: clamp(2.2rem, 4.6vw, 3.15rem);
	--fs-3xl: clamp(3rem, 7vw, 4.75rem);
	--fs-4xl: clamp(3.75rem, 11.5vw, 8.75rem);

	--lh-tight: 0.94;
	--lh-snug: 1.1;
	--lh-normal: 1.55;

	--ls-tight: -0.025em;
	--ls-wide: 0.06em;
	--ls-wider: 0.14em;

	/* ============ Espaçamento (compacto) ============ */
	--space-3xs: 0.3rem;
	--space-xs: 0.55rem;
	--space-sm: 1rem;
	--space-md: 1.75rem;
	--space-lg: 3rem;
	--space-xl: clamp(3.25rem, 6vw, 5.25rem);
	--space-2xl: clamp(4.25rem, 7.5vw, 6.5rem);

	/* ============ Layout ============ */
	--container-max: 1240px;
	--container-narrow: 720px;

	/* ============ Forma ============ */
	--radius-sm: 8px;
	--radius-md: 16px;
	--radius-lg: 22px;
	--radius-pill: 999px;

	/* ============ Sombra ============ */
	--shadow-sm: 0 2px 10px rgba(16, 18, 8, 0.05);
	--shadow-md: 0 10px 28px rgba(16, 18, 8, 0.10);
	--shadow-lg: 0 20px 50px rgba(16, 18, 8, 0.16);
	--shadow-dark-md: 0 14px 34px rgba(0, 0, 0, 0.5);

	/* ============ Motion ============ */
	--ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-snap: cubic-bezier(0.34, 1.56, 0.64, 1);
	--dur-sm: 0.22s;
	--dur-md: 0.45s;
	--dur-lg: 0.7s;
}