/**
 * FriSay Premium — tema renk değişkenleri (Yönetim → Tema renkleri ile uyumlu).
 */
:root {
	--primary: #6829D5;
	--primary-hover: #5520B5;
	--secondary: #A855F7;
	--accent: #E879F9;
	--background: #F8F8FC;
	--surface: #FFFFFF;
	--text: #171525;
	--muted: #77758A;
	--border: #ECEAF2;
	--danger: #E11D48;
	--hero-dark: #1E1033;
	--hero-gradient: linear-gradient(135deg, #2D1B4E 0%, #6829D5 55%, #4C1D95 100%);

	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 8px 30px rgba(23, 21, 37, 0.08);
	--shadow-soft: 0 2px 12px rgba(23, 21, 37, 0.06);
	--container: 1240px;
	--transition: 200ms ease;
	--font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

	--sm-primary: var(--primary);
	--sm-primary-dark: var(--primary-hover);
	--sm-primary-soft: #F3EBFF;
	--sm-accent: var(--secondary);
	--sm-accent-dark: var(--primary-hover);
	--sm-bg: var(--background);
	--sm-surface: var(--surface);
	--sm-text: var(--text);
	--sm-muted: var(--muted);
	--sm-border: var(--border);
	--sm-radius: var(--radius);
	--sm-radius-lg: var(--radius-lg);
	--sm-shadow: var(--shadow-soft);
	--sn-blue: var(--primary);
	--sn-blue-dark: var(--primary-hover);
}