/**
 * VibeCrew design tokens
 * Light defaults on :root; dark overrides on body.color_scheme_* only.
 * Do NOT attach light tokens to .vc-shell — it sits inside body and would
 * override body.color_scheme_dark variables.
 */
:root {
	--vc-font: 'SpoqaHanSansNeo', 'Spoqa Han Sans Neo', sans-serif;
	--vc-font-mono: 'Source Code Pro', 'Consolas', monospace;

	--vc-space-xs: 12px;
	--vc-space-sm: 20px;
	--vc-space-md: 24px;
	--vc-space: 24px;
	--vc-space-lg: 32px;
	--vc-space-xl: 48px;

	--vc-container: 1280px;
	--vc-content: 880px;
	--vc-sidebar: 300px;
	--vc-search: 360px;
	--vc-bp: 899px;

	--vc-radius: 4px;
	--vc-control-radius: 4px;
	--vc-control-h: 40px;

	--vc-text: #101011;
	--vc-text-muted: #61676c;
	--vc-muted: #61676c;
	--vc-border: #b7babe;
	--vc-bg: #ffffff;
	--vc-surface: #ffffff;
	--vc-surface-2: #f4f5f6;
	--vc-accent: #806300;
	--vc-primary: #c9a227;
	--vc-brand: #c9a227;
	--vc-brand-soft: rgba(201, 162, 39, 0.12);
	--vc-cta: #c9a227;
	--vc-cta-hover: #d5b13a;
	--vc-on-cta: #111111;
	--vc-danger: #b42318;
	--vc-link: #1976d2;
	--vc-link-hover: #0d47a1;

	--vc-header-h: 64px;
	--vc-font-size: 16px;
	--vc-h1-size: 32px;
	--vc-h1-size-m: 28px;
	--vc-line: 1.6;
	--vc-h1-line: 1.4;
}

html.color_scheme_light,
body.color_scheme_light {
	--vc-text: #101011;
	--vc-text-muted: #61676c;
	--vc-muted: #61676c;
	--vc-border: #b7babe;
	--vc-bg: #ffffff;
	--vc-surface: #ffffff;
	--vc-surface-2: #f4f5f6;
	--vc-accent: #806300;
	--vc-danger: #b42318;
	--vc-link: #1976d2;
	--vc-link-hover: #0d47a1;
}

html.color_scheme_dark,
body.color_scheme_dark {
	--vc-text: #e9eaec;
	--vc-text-muted: #969ca1;
	--vc-muted: #969ca1;
	--vc-border: #52575b;
	--vc-bg: #1a1c1e;
	--vc-surface: #1a1c1e;
	--vc-surface-2: #25282b;
	--vc-accent: #d8b536;
	--vc-primary: #c9a227;
	--vc-brand: #c9a227;
	--vc-brand-soft: rgba(201, 162, 39, 0.16);
	--vc-cta: #c9a227;
	--vc-cta-hover: #d5b13a;
	--vc-on-cta: #111111;
	--vc-danger: #ff7b72;
	--vc-link: #4e9cea;
	--vc-link-hover: #82b7f0;
}

html.color_scheme_dark,
html.color_scheme_dark body,
body.color_scheme_dark {
	background: var(--vc-bg);
	color: var(--vc-text);
}