:root {
	/* Light editorial base — warm white/cream background, dark ink text.
	   Variable NAMES are kept identical to the previous dark-neon palette so
	   every rule across the theme's CSS automatically inherits the new look
	   without a rule-by-rule pass. "bg-dark/bg-darker" now hold light warm
	   surfaces (cream/paper), "text-primary" is near-black ink, and the two
	   accent slots carry Italian green (primary) and terracotta/rust
	   (secondary) instead of neon cyan/magenta. */
	--ci-bg-dark: #fbf8f2;
	--ci-bg-darker: #f3ede1;
	--ci-bg-card: #ffffff;
	--ci-bg-card-hover: #faf5ea;
	--ci-border: rgba(30, 26, 20, 0.10);
	--ci-border-strong: rgba(30, 26, 20, 0.18);
	--ci-text-primary: #22201c;
	--ci-text-secondary: #57524a;
	--ci-text-muted: #8a8377;

	/* Editorial accent duo: Italian green (primary CTA/links) and
	   terracotta/rust (secondary accent). "gold" variable names are
	   repurposed to carry the terracotta hue so existing .ci-btn--gold /
	   star / badge rules pick up rust instead of looking for a renamed
	   variable everywhere. */
	--ci-accent-green: #2f6b4f;
	--ci-accent-green-dark: #204a37;
	--ci-accent-green-light: #4f9370;
	--ci-accent-red: #b2481f;
	--ci-accent-red-dark: #8a3717;
	--ci-accent-gold: #b2481f;
	--ci-accent-gold-light: #c96a3f;

	/* Dedicated named accents for places that want a specific hue directly
	   (new blocks use these). Kept as three distinct tones — deep green,
	   rust/terracotta, muted sage — for consistency with the old 3-accent
	   contract while reading as editorial rather than neon. */
	--ci-accent-neon-cyan: #2f6b4f;
	--ci-accent-neon-pink: #b2481f;
	--ci-accent-neon-green: #6f8f5a;

	--ci-gradient-cta: linear-gradient(135deg, #2f6b4f, #204a37);
	--ci-gradient-cta-gold: linear-gradient(135deg, #c96a3f, #8a3717);
	--ci-gradient-cta-red: linear-gradient(135deg, #b2481f, #6f8f5a);

	--ci-gradient-bg:
		radial-gradient(circle at 12% 8%, rgba(47, 107, 79, 0.06), transparent 45%),
		radial-gradient(circle at 88% 18%, rgba(178, 72, 31, 0.05), transparent 45%),
		linear-gradient(160deg, #fdfbf6 0%, #f6f0e4 55%, #f3ede1 100%);

	--ci-glass-bg: rgba(255, 255, 255, 0.72);
	--ci-glass-bg-hover: rgba(255, 255, 255, 0.9);
	--ci-glass-border: rgba(30, 26, 20, 0.12);
	--ci-glass-blur: 10px;

	--ci-radius-sm: 10px;
	--ci-radius-md: 16px;
	--ci-radius-lg: 26px;
	--ci-shadow-card: 0 8px 24px rgba(60, 48, 30, 0.08);
	--ci-shadow-card-lg: 0 18px 44px rgba(60, 48, 30, 0.12);
	--ci-shadow-glow-green: 0 0 0 rgba(47, 107, 79, 0);
	--ci-shadow-glow-gold: 0 0 0 rgba(178, 72, 31, 0);

	--ci-neon-border-gold: 0 0 0 1px rgba(178, 72, 31, 0.35), 0 4px 14px rgba(178, 72, 31, 0.18);
	--ci-neon-border-green: 0 0 0 1px rgba(47, 107, 79, 0.35), 0 4px 14px rgba(47, 107, 79, 0.18);

	--ci-font-heading: 'Poppins', sans-serif;
	--ci-font-body: 'Inter', sans-serif;
	--ci-container-width: 1280px;
	--ci-header-height: 80px;
	--ci-letter-tight: -0.02em;
	--ci-letter-wide: 0.06em;
}