/**
 * GENERATED FILE — DO NOT EDIT.
 * Source of truth: packages/tokens/src/tokens.json
 * Regenerate: pnpm --filter @eearomatics/tokens generate (tokens.css + app copies (site/web/better-auth-idp))
 * Direction D “Botanical Ledger” — docs/design/2026-10-design-direction.html
 */
/* Shared (theme-independent): layout, radii, font stacks, sheen anchors. */
:root {
	--sidebar-w: 250px;
	--sidebar-collapsed: 64px;
	--topbar-h: 56px;
	--radius-sm: 4px;
	--radius: 6px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-full: 9999px;
	--font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--font-body: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI",
		sans-serif;
	--font-mono: "Spline Sans Mono", "JetBrains Mono", ui-monospace, monospace;
	--shine-x: 50%;
	--shine-y: 20%;
}

/* Theme: dark — the default. */
:root,
[data-theme="dark"],
.dark {
	--bg: #161d17;
	--surface: #212b22;
	--muted: #2a362c;
	--popover: #212b22;
	--overlay: rgba(6, 10, 7, 0.62);
	--sidebar-bg: #0e130f;
	--sidebar-hover: #1c261d;
	--sidebar-active: #243026;
	--sidebar-text: rgba(255, 255, 255, 0.65);
	--sidebar-text-strong: #ffffff;
	--sidebar-border: rgba(255, 255, 255, 0.08);
	--text: #ede9dc;
	--text-muted: #a8a08d;
	--text-inverse: #ede9dc;
	--border: #3a463c;
	--primary: #44624b;
	--primary-hover: #56795b;
	--accent: #d4a017;
	--primary-light: rgba(94, 130, 102, 0.16);
	--primary-lighter: rgba(94, 130, 102, 0.08);
	--success: #7fb08a;
	--success-bg: rgba(127, 176, 138, 0.14);
	--danger: #ecb4a0;
	--danger-bg: rgba(236, 180, 160, 0.14);
	--warning: #e3c87e;
	--warning-bg: rgba(227, 200, 126, 0.14);
	--info: #93b5d3;
	--info-bg: rgba(147, 181, 211, 0.14);
	--gold-grad: linear-gradient(
		120deg,
		#b8860b 0%,
		#f0d060 25%,
		#d4a017 45%,
		#f9e7a0 55%,
		#d4a017 70%,
		#b8860b 100%
	);
	--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.35);
	--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
	--shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
	--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
	--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
	--ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
	--badge-ok-fg: #c2d4b9;
	--badge-ok-bg: #2e3a2f;
	--badge-warn-fg: #e3c87e;
	--badge-warn-bg: #3a3423;
	--badge-bad-fg: #ecb4a0;
	--badge-bad-bg: #432f27;
	--badge-off-fg: #cfc8b4;
	--badge-off-bg: #383425;
}

/* Theme: light — opt-in override. */
[data-theme="light"],
.light {
	--bg: #efe8d8;
	--surface: #faf7ee;
	--muted: #e9e2cf;
	--popover: #faf7ee;
	--overlay: rgba(38, 35, 27, 0.45);
	--sidebar-bg: #e9e2cf;
	--sidebar-hover: #e0d8c2;
	--sidebar-active: #d8cfb6;
	--sidebar-text: rgba(38, 35, 27, 0.65);
	--sidebar-text-strong: #26231b;
	--sidebar-border: #dcd3bd;
	--text: #26231b;
	--text-muted: #6f6754;
	--text-inverse: #ede9dc;
	--border: #dcd3bd;
	--primary: #2c4030;
	--primary-hover: #3c5340;
	--accent: #8f7117;
	--primary-light: #e7ebde;
	--primary-lighter: rgba(119, 135, 107, 0.12);
	--success: #46613b;
	--success-bg: #e3ebdd;
	--danger: #a2593c;
	--danger-bg: #f1e2d8;
	--warning: #8a6a1d;
	--warning-bg: #efe9d6;
	--info: #4a6b8a;
	--info-bg: #e3eaef;
	--gold-grad: linear-gradient(
		120deg,
		#9a7810 0%,
		#b89020 25%,
		#a67c14 45%,
		#c89d18 55%,
		#a67c14 70%,
		#9a7810 100%
	);
	--shadow-xs: 0 1px 2px rgba(60, 50, 30, 0.05);
	--shadow-sm: 0 1px 3px rgba(60, 50, 30, 0.08), 0 1px 2px
		rgba(60, 50, 30, 0.04);
	--shadow: 0 2px 8px rgba(60, 50, 30, 0.09);
	--shadow-md: 0 4px 12px rgba(60, 50, 30, 0.11);
	--shadow-lg: 0 8px 24px rgba(60, 50, 30, 0.15);
	--ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--accent);
	--badge-ok-fg: #2c4030;
	--badge-ok-bg: #e7ebde;
	--badge-warn-fg: #8a6a1d;
	--badge-warn-bg: #efe9d6;
	--badge-bad-fg: #8c4331;
	--badge-bad-bg: #f1e2d8;
	--badge-off-fg: #55503f;
	--badge-off-bg: #e7e1d0;
}