/**
 * Theme4 colors — managed by theme4 module. Do not edit by hand if using the admin UI.
 */
:root {
	--primary: #0080c0;
	--primary-hover: #3239C4;
	--primary-light: #EBEBFF;
	--secondary: #1A1A1A;
	--text: #1A1A1A;
	--text-muted: #7E7E7E;
	--border: #EDEDED;
	--background: #F8F9FA;
	--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;

	/* style.css aliases */
	--sn-blue: var(--primary);
	--sn-blue-dark: var(--primary-hover);
	--sm-primary: var(--primary);
	--sm-primary-dark: var(--primary-hover);
	--sm-primary-soft: var(--primary-light);
	--sm-accent: var(--primary);
	--sm-accent-dark: var(--primary-hover);
	--sm-bg: var(--background);
	--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);
}

body.sm-body {
	background-color: var(--background);
	color: var(--text);
	font-family: var(--font);
}