/**
 * Tema renkleri — Admin > Temalar ekranından düzenlenir.
 */
:root {
	--sm-primary: #912891;
	--sm-accent: #fec30d;
	--sm-bg: #f4f7fb;
	--sm-surface: #ffffff;
	--sm-text: #1f2937;
	--sm-muted: #6b7280;
	--sm-border: #e6edf5;
	--sm-radius: 8px;
	--sm-radius-lg: 12px;
	--sm-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

body.sn-body {
	background-color: var(--sm-bg, #f4f7fb);
	font-family: var(--theme-font-family, Inter, system-ui, sans-serif);
}

/* Ana renkten turetilen tonlar. Her tanimin ilk satiri color-mix desteklemeyen tarayicilar icin fallback. */
:root {
	--sm-primary-dark: var(--sm-primary);
	--sm-primary-dark: color-mix(in srgb, var(--sm-primary) 78%, #000);
	--sm-primary-deep: var(--sm-primary);
	--sm-primary-deep: color-mix(in srgb, var(--sm-primary) 55%, #000);
	--sm-primary-soft: var(--sm-bg);
	--sm-primary-soft: color-mix(in srgb, var(--sm-primary) 12%, #fff);
	--sm-accent-dark: var(--sm-accent);
	--sm-accent-dark: color-mix(in srgb, var(--sm-accent) 78%, #000);
	--sn-blue: var(--sm-primary, #1e5bdb);
	--sn-hot: var(--sm-accent, #e23d3d);
}