/* =========================================================
   SS DECO - TOKENS GLOBALES CLARO / OSCURO
   ========================================================= */

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

	--ss-bg: #f3eee6;
	--ss-surface: #faf8f4;
	--ss-surface-2: #ffffff;
	--ss-text: #141416;
	--ss-text-soft: #57545a;
	--ss-muted: #77716d;
	--ss-line: rgba(20, 20, 22, 0.13);
	--ss-accent: #744052;

	--ss-header-bg: #f3eee6;
	--ss-header-text: #141416;
	--ss-header-line: rgba(20, 20, 22, 0.12);

	--ss-shop-paper: #f3eee6;
	--ss-shop-ink: #141416;
	--ss-shop-muted: #77716d;
	--ss-shop-line: rgba(20, 20, 22, 0.13);
	--ss-shop-accent: #744052;
	--ss-shop-image: transparent;
}

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

	--ss-bg: #141416;
	--ss-surface: #1d1d20;
	--ss-surface-2: #232327;
	--ss-text: #f3eee6;
	--ss-text-soft: #d1cbc2;
	--ss-muted: #aaa39a;
	--ss-line: rgba(243, 238, 230, 0.14);
	--ss-accent: #a15d73;

	--ss-header-bg: #141416;
	--ss-header-text: #f3eee6;
	--ss-header-line: rgba(243, 238, 230, 0.14);

	--ss-shop-paper: #141416;
	--ss-shop-ink: #f3eee6;
	--ss-shop-muted: #aaa39a;
	--ss-shop-line: rgba(243, 238, 230, 0.14);
	--ss-shop-accent: #a15d73;
	--ss-shop-image: transparent;
}