/* Color scheme: Store - Dark mode (e-commerce) */

[data-theme="dark"] {
	--color-primary: #e63946;
	--color-primary-hover: #ef4f5b;
	--color-on-primary: #ffffff;
	--color-bg: #0f1419;
	--color-bg-alt: #1a2332;
	--color-bg-hover: #243044;
	--color-text: #f1f3f5;
	--color-text-muted: #adb5bd;
	--color-border: #2b3442;
	--color-accent: #457b9d;
	--color-accent-hover: #5a92b5;
	--color-focus: #e63946;
	--color-link: #f1f3f5;
	--color-link-hover: #e63946;

	--elmur-text-soft: #adb5bd;
	--elmur-text-red: #e63946;
	--elmur-text-orange: #f4a261;
	--elmur-text-yellow: #ffd166;
	--elmur-text-green: #52b788;
	--elmur-text-teal: #4ecdc4;
	--elmur-text-blue: #457b9d;
	--elmur-text-purple: #9d84b7;
	--elmur-text-pink: #f28482;

	--elmur-overlay-scrim: rgba(0, 0, 0, 0.45);
	--elmur-overlay-scrim-soft: rgba(0, 0, 0, 0.12);
	--elmur-overlay-scrim-strong: rgba(0, 0, 0, 0.68);
	--elmur-overlay-scrim-max: rgba(0, 0, 0, 0.82);
	--elmur-on-overlay: #ffffff;
	--elmur-on-overlay-muted: rgba(255, 255, 255, 0.88);
	--elmur-on-overlay-faint: rgba(255, 255, 255, 0.62);

	--elmur-offer-color: var(--elmur-text-red);
	--elmur-offer-color-hover: #ef4f5b;
	--elmur-offer-on: #ffffff;
}