:root {
	/* "Azzurro" light base — cool off-white background, dark navy-ink text.
	   Variable NAMES are kept identical to the previous palettes so every
	   rule across the theme's CSS automatically inherits the new look
	   without a rule-by-rule pass. "bg-dark/bg-darker" hold light cool
	   surfaces (off-white/pale blue-grey), "text-primary" is near-black
	   navy ink, and the two accent slots carry Italian azzurro blue
	   (primary) and amber/gold (secondary). */
	--ci-bg-dark: #f6f8fb;
	--ci-bg-darker: #ebeff5;
	--ci-bg-card: #ffffff;
	--ci-bg-card-hover: #f1f5fa;
	--ci-border: #dfe6ee;
	--ci-border-strong: #cdd8e4;
	--ci-text-primary: #16202c;
	--ci-text-secondary: #46536a;
	--ci-text-muted: #87919f;

	/* Accent duo: azzurro blue (primary CTA/links — the "green" variable
	   names are historical and now carry the blue) and amber/gold
	   (secondary accent). "gold" variable names carry the amber hue so
	   existing .ci-btn--gold / star / badge rules pick up gold without a
	   rename everywhere. "red" keeps a true danger red for cons/close. */
	--ci-accent-green: #1a6fc0;
	--ci-accent-green-dark: #12508c;
	--ci-accent-green-light: #4d95d9;
	--ci-accent-red: #cf3945;
	--ci-accent-red-dark: #a52a35;
	--ci-accent-gold: #d3940a;
	--ci-accent-gold-light: #e5ad33;

	/* Dedicated named accents for places that want a specific hue directly
	   (new blocks use these). Kept as three distinct tones — azzurro blue,
	   amber, teal — for consistency with the old 3-accent contract while
	   reading as crisp/fintech rather than neon. */
	--ci-accent-neon-cyan: #1a6fc0;
	--ci-accent-neon-pink: #d3940a;
	--ci-accent-neon-green: #0e7c86;

	--ci-gradient-cta: linear-gradient(135deg, #1a6fc0, #12508c);
	--ci-gradient-cta-gold: linear-gradient(135deg, #e5ad33, #d3940a);
	--ci-gradient-cta-red: linear-gradient(135deg, #cf3945, #a52a35);

	--ci-gradient-bg:
		radial-gradient(circle at 12% 8%, rgba(26, 111, 192, 0.06), transparent 45%),
		radial-gradient(circle at 88% 18%, rgba(211, 148, 10, 0.05), transparent 45%),
		linear-gradient(160deg, #fafcfe 0%, #f4f7fa 55%, #ebeff5 100%);

	--ci-glass-bg: rgba(255, 255, 255, 0.72);
	--ci-glass-bg-hover: rgba(255, 255, 255, 0.9);
	--ci-glass-border: rgba(23, 43, 77, 0.12);
	--ci-glass-blur: 10px;

	--ci-radius-sm: 8px;
	--ci-radius-md: 12px;
	--ci-radius-lg: 18px;
	--ci-shadow-card: 0 8px 24px rgba(23, 43, 77, 0.08);
	--ci-shadow-card-lg: 0 18px 44px rgba(23, 43, 77, 0.12);
	--ci-shadow-glow-green: 0 0 0 rgba(26, 111, 192, 0);
	--ci-shadow-glow-gold: 0 0 0 rgba(211, 148, 10, 0);

	--ci-neon-border-gold: 0 0 0 1px rgba(211, 148, 10, 0.4), 0 4px 14px rgba(211, 148, 10, 0.22);
	--ci-neon-border-green: 0 0 0 1px rgba(26, 111, 192, 0.35), 0 4px 14px rgba(26, 111, 192, 0.18);

	--ci-font-heading: 'Sora', 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;
}