/**
 * Tema renkleri — Admin > Temalar ekranından düzenlenir.
 */
:root {
	--sm-primary: #020e69;
	--sm-accent: #af083a;
	--sm-bg: #fcfcfc;
	--primary: #0080c0;
	--primary-hover: #07355F;
	--primary-light: #EEF4FB;
	--secondary: #ff8040;
	--text: #0F172A;
	--text-muted: #64748B;
	--border: #E2E8F0;
	--background: #F5F7FA;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #DC2626;
	--radius: 14px;
	--radius-lg: 18px;
	--radius-pill: 999px;
	--shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
	--shadow-nav: 0 8px 28px rgba(15, 23, 42, 0.06);
	--container: 1320px;
	--transition: 220ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sn-blue: var(--primary);
	--sn-blue-dark: var(--primary-hover);
	--sm-primary-dark: var(--primary-hover);
	--sm-primary-soft: var(--primary-light);
	--sm-accent-dark: var(--primary-hover);
	--sm-surface: var(--surface);
	--sm-text: var(--text);
	--sm-muted: var(--text-muted);
	--sm-border: var(--border);
	--sm-radius: var(--radius);
	--sm-radius-lg: var(--radius-lg);
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
	--primary: var(--sm-primary);
	--background: var(--sm-bg);
}

:root {
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--surface: #FFFFFF;
	--white: #FFFFFF;
	--danger: #EF4444;
	--radius: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow: 0 4px 20px rgba(26, 26, 26, 0.06);
	--shadow-nav: 0 -4px 24px rgba(26, 26, 26, 0.08);
	--container: 1320px;
	--transition: 250ms ease;
	--font: 'Inter', system-ui, -apple-system, sans-serif;
	--sm-primary-soft: #EBEBFF;
	--sm-text: #1A1A1A;
	--sm-muted: #7E7E7E;
	--sm-border: #EDEDED;
	--sm-radius: 12px;
	--sm-radius-lg: 16px;
	--sm-shadow: var(--shadow);
	--sm-shadow-nav: var(--shadow-nav);
	--sm-surface: #FFFFFF;
}
body.sm-body {
	background-color: var(--sm-bg, #F8F9FA);
	font-family: 'Inter', system-ui, sans-serif;
}