/**
 * CuidateGratis — design tokens (claro / oscuro).
 * Paleta: bosque + crema (claro) · noche forestal + verde vivo (oscuro).
 */

:root,
html[data-theme="light"] {
	color-scheme: light;

	/* Semánticos */
	--cgc-bg: #fffdf8;
	--cgc-bg-elevated: #ffffff;
	--cgc-bg-muted: #f4f1e8;
	--cgc-bg-soft: #eef7e9;
	--cgc-bg-gradient: linear-gradient(180deg, #fffdf8 0%, #f8f4ea 64%, #f4eedf 100%);

	--cgc-text: #121814;
	--cgc-text-secondary: #4a574d;
	--cgc-text-muted: #647164;
	--cgc-text-inverse: #fffdf8;

	--cgc-border: rgba(18, 24, 20, 0.11);
	--cgc-border-strong: rgba(18, 24, 20, 0.18);

	--cgc-accent: #123f2d;
	--cgc-accent-hover: #2f7d57;
	--cgc-accent-soft: #236744;
	--cgc-accent-bright: #48ad72;
	--cgc-gold: #d99b45;
	--cgc-gold-soft: #f4c542;
	--cgc-focus: rgba(217, 155, 69, 0.32);

	--cgc-header-bg: rgba(255, 253, 248, 0.94);
	--cgc-card-bg: rgba(255, 255, 255, 0.82);
	--cgc-card-bg-solid: #fffdf8;
	--cgc-shadow: 0 22px 60px rgba(18, 63, 45, 0.11);
	--cgc-shadow-soft: 0 12px 32px rgba(18, 63, 45, 0.08);

	/* Plugin bridge */
	--cg-blue: #1877d5;
	--cg-green: #25b85a;

	/* Legacy aliases (theme.css) */
	--green-950: #082318;
	--green-900: #123f2d;
	--green-850: #174c36;
	--green-800: #123f2d;
	--green-700: #2f7d57;
	--green-600: #32945e;
	--green-500: #48ad72;
	--green-200: #dcebd6;
	--green-100: #eef7e9;
	--gold: #d99b45;
	--cream: #fdfbf7;
	--cream-2: #f4f1e8;
	--cream-50: #fffdf8;
	--cream-100: #f8f4ea;
	--ink: #152018;
	--muted: #647164;
	--line: rgba(18, 24, 20, 0.11);
	--shadow: var(--cgc-shadow);
}

html[data-theme="dark"] {
	color-scheme: dark;

	--cgc-bg: #05140f;
	--cgc-bg-elevated: #1a4534;
	--cgc-bg-muted: #0f2a20;
	--cgc-bg-soft: #14382a;
	--cgc-bg-gradient:
		radial-gradient(circle at 14% 4%, rgba(47, 125, 87, 0.22), transparent 26rem),
		linear-gradient(180deg, #05140f 0%, #071a14 55%, #040e0a 100%);

	--cgc-text: #eef7e9;
	--cgc-text-secondary: #b8cdbf;
	--cgc-text-muted: #8fa898;
	--cgc-text-inverse: #082318;
	--cgc-text-on-media: #0f2a1e;

	--cgc-border: rgba(255, 255, 255, 0.12);
	--cgc-border-strong: rgba(255, 255, 255, 0.2);

	--cgc-accent: #48ad72;
	--cgc-accent-hover: #6bc48a;
	--cgc-accent-soft: #2f7d57;
	--cgc-accent-bright: #7dd99a;
	--cgc-gold: #e8b35a;
	--cgc-gold-soft: #f4c542;
	--cgc-focus: rgba(244, 197, 66, 0.42);

	--cgc-header-bg: rgba(8, 35, 24, 0.92);
	--cgc-card-bg: rgba(30, 79, 60, 0.94);
	--cgc-card-bg-solid: #1e4f3c;
	--cgc-card-bg-hover: #286548;
	--cgc-surface: var(--cgc-card-bg-solid);
	--cgc-surface-hover: var(--cgc-card-bg-hover);
	--cgc-shadow: 0 22px 60px rgba(0, 0, 0, 0.38);
	--cgc-shadow-soft: 0 14px 36px rgba(0, 0, 0, 0.28);

	--cg-blue: #5bb3ff;
	--cg-green: #3ecf7a;

	--green-950: #eef7e9;
	--green-900: #dcebd6;
	--green-850: #c5dcc8;
	--green-800: #b8cdbf;
	--green-700: #48ad72;
	--green-600: #6bc48a;
	--green-500: #7dd99a;
	--green-200: rgba(72, 173, 114, 0.22);
	--green-100: rgba(72, 173, 114, 0.14);
	--gold: #e8b35a;
	--cream: #071a14;
	--cream-2: #0a2118;
	--cream-50: #071a14;
	--cream-100: #082318;
	--ink: #eef7e9;
	--muted: #8fa898;
	--line: rgba(255, 255, 255, 0.1);
	--shadow: var(--cgc-shadow);
}