/* Generated by `npm run themes` from src/litz/web/theme/seeds.ts.
   Do not edit: edit the seeds and regenerate. */

:root {
	--ground: oklch(0.950 0.0113 81.0);
	--bg: oklch(0.983 0.0061 81.0);
	--surface: oklch(1.000 0.0000 81.0);
	--raised: oklch(1.000 0.0000 81.0);
	--sunken: oklch(0.957 0.0104 81.0);
	--hairline: oklch(0.915 0.0147 81.0);
	--hairline-strong: oklch(0.863 0.0181 81.0);
	--fg-3: oklch(0.616 0.0206 81.0);
	--fg-2: oklch(0.441 0.0158 81.0);
	--fg: oklch(0.206 0.0063 81.0);
	--code-bg: oklch(0.962 0.0097 81.0);
	--turn-user: oklch(0.950 0.0113 81.0);
	--hover: oklch(0.929 0.0135 81.0);
	--active: oklch(0.905 0.0155 81.0);
	--accent: oklch(0.564 0.1400 39.5);
	--accent-hover: oklch(0.514 0.1302 39.5);
	--accent-fg: oklch(0.990 0.0070 39.5);
	--accent-tint: oklch(0.950 0.0154 39.5);
	--accent-line: oklch(0.840 0.0434 39.5);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0205 81.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0205 81.0 / 0.06), 0 8px 24px oklch(0.3 0.0205 81.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0205 81.0 / 0.07), 0 18px 48px oklch(0.3 0.0205 81.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0205 81.0 / 0.05), 0 4px 20px oklch(0.3 0.0205 81.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-mode="light"]):not([data-theme]) {
		--ground: oklch(0.146 0.0040 81.0);
		--bg: oklch(0.184 0.0055 81.0);
		--surface: oklch(0.241 0.0078 81.0);
		--raised: oklch(0.262 0.0087 81.0);
		--sunken: oklch(0.206 0.0063 81.0);
		--hairline: oklch(0.293 0.0099 81.0);
		--hairline-strong: oklch(0.356 0.0125 81.0);
		--fg-3: oklch(0.534 0.0187 81.0);
		--fg-2: oklch(0.709 0.0214 81.0);
		--fg: oklch(0.938 0.0126 81.0);
		--code-bg: oklch(0.221 0.0070 81.0);
		--turn-user: oklch(0.235 0.0075 81.0);
		--hover: oklch(0.950 0.0113 81.0 / 0.055);
		--active: oklch(0.950 0.0113 81.0 / 0.1);
		--accent: oklch(0.750 0.1400 39.5);
		--accent-hover: oklch(0.820 0.1302 39.5);
		--accent-fg: oklch(0.200 0.0210 39.5);
		--accent-tint: oklch(0.75 0.1400 39.5 / 0.14);
		--accent-line: oklch(0.75 0.1400 39.5 / 0.34);
		--danger: oklch(0.700 0.1600 25.0);
		--danger-fg: oklch(0.780 0.1500 25.0);
		--danger-tint: oklch(0.7 0.16 25 / 0.14);
		--danger-line: oklch(0.7 0.16 25 / 0.32);
		--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
		--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
		--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
		--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
		--syn-key: oklch(0.800 0.1500 320.0);
		--syn-str: oklch(0.800 0.1500 145.0);
		--syn-num: oklch(0.800 0.1500 65.0);
		--syn-fn: oklch(0.800 0.1500 245.0);
		--syn-type: oklch(0.800 0.1500 40.0);
		--syn-attr: oklch(0.800 0.1500 195.0);
	}
}

[data-theme="ember"] {
	--ground: oklch(0.950 0.0113 81.0);
	--bg: oklch(0.983 0.0061 81.0);
	--surface: oklch(1.000 0.0000 81.0);
	--raised: oklch(1.000 0.0000 81.0);
	--sunken: oklch(0.957 0.0104 81.0);
	--hairline: oklch(0.915 0.0147 81.0);
	--hairline-strong: oklch(0.863 0.0181 81.0);
	--fg-3: oklch(0.616 0.0206 81.0);
	--fg-2: oklch(0.441 0.0158 81.0);
	--fg: oklch(0.206 0.0063 81.0);
	--code-bg: oklch(0.962 0.0097 81.0);
	--turn-user: oklch(0.950 0.0113 81.0);
	--hover: oklch(0.929 0.0135 81.0);
	--active: oklch(0.905 0.0155 81.0);
	--accent: oklch(0.564 0.1400 39.5);
	--accent-hover: oklch(0.514 0.1302 39.5);
	--accent-fg: oklch(0.990 0.0070 39.5);
	--accent-tint: oklch(0.950 0.0154 39.5);
	--accent-line: oklch(0.840 0.0434 39.5);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0205 81.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0205 81.0 / 0.06), 0 8px 24px oklch(0.3 0.0205 81.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0205 81.0 / 0.07), 0 18px 48px oklch(0.3 0.0205 81.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0205 81.0 / 0.05), 0 4px 20px oklch(0.3 0.0205 81.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

@media (prefers-color-scheme: dark) {
	[data-theme="ember"]:not([data-mode="light"]) {
		--ground: oklch(0.146 0.0040 81.0);
		--bg: oklch(0.184 0.0055 81.0);
		--surface: oklch(0.241 0.0078 81.0);
		--raised: oklch(0.262 0.0087 81.0);
		--sunken: oklch(0.206 0.0063 81.0);
		--hairline: oklch(0.293 0.0099 81.0);
		--hairline-strong: oklch(0.356 0.0125 81.0);
		--fg-3: oklch(0.534 0.0187 81.0);
		--fg-2: oklch(0.709 0.0214 81.0);
		--fg: oklch(0.938 0.0126 81.0);
		--code-bg: oklch(0.221 0.0070 81.0);
		--turn-user: oklch(0.235 0.0075 81.0);
		--hover: oklch(0.950 0.0113 81.0 / 0.055);
		--active: oklch(0.950 0.0113 81.0 / 0.1);
		--accent: oklch(0.750 0.1400 39.5);
		--accent-hover: oklch(0.820 0.1302 39.5);
		--accent-fg: oklch(0.200 0.0210 39.5);
		--accent-tint: oklch(0.75 0.1400 39.5 / 0.14);
		--accent-line: oklch(0.75 0.1400 39.5 / 0.34);
		--danger: oklch(0.700 0.1600 25.0);
		--danger-fg: oklch(0.780 0.1500 25.0);
		--danger-tint: oklch(0.7 0.16 25 / 0.14);
		--danger-line: oklch(0.7 0.16 25 / 0.32);
		--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
		--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
		--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
		--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
		--syn-key: oklch(0.800 0.1500 320.0);
		--syn-str: oklch(0.800 0.1500 145.0);
		--syn-num: oklch(0.800 0.1500 65.0);
		--syn-fn: oklch(0.800 0.1500 245.0);
		--syn-type: oklch(0.800 0.1500 40.0);
		--syn-attr: oklch(0.800 0.1500 195.0);
	}
}

[data-theme="ember"][data-mode="dark"] {
	--ground: oklch(0.146 0.0040 81.0);
	--bg: oklch(0.184 0.0055 81.0);
	--surface: oklch(0.241 0.0078 81.0);
	--raised: oklch(0.262 0.0087 81.0);
	--sunken: oklch(0.206 0.0063 81.0);
	--hairline: oklch(0.293 0.0099 81.0);
	--hairline-strong: oklch(0.356 0.0125 81.0);
	--fg-3: oklch(0.534 0.0187 81.0);
	--fg-2: oklch(0.709 0.0214 81.0);
	--fg: oklch(0.938 0.0126 81.0);
	--code-bg: oklch(0.221 0.0070 81.0);
	--turn-user: oklch(0.235 0.0075 81.0);
	--hover: oklch(0.950 0.0113 81.0 / 0.055);
	--active: oklch(0.950 0.0113 81.0 / 0.1);
	--accent: oklch(0.750 0.1400 39.5);
	--accent-hover: oklch(0.820 0.1302 39.5);
	--accent-fg: oklch(0.200 0.0210 39.5);
	--accent-tint: oklch(0.75 0.1400 39.5 / 0.14);
	--accent-line: oklch(0.75 0.1400 39.5 / 0.34);
	--danger: oklch(0.700 0.1600 25.0);
	--danger-fg: oklch(0.780 0.1500 25.0);
	--danger-tint: oklch(0.7 0.16 25 / 0.14);
	--danger-line: oklch(0.7 0.16 25 / 0.32);
	--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
	--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
	--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
	--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
	--syn-key: oklch(0.800 0.1500 320.0);
	--syn-str: oklch(0.800 0.1500 145.0);
	--syn-num: oklch(0.800 0.1500 65.0);
	--syn-fn: oklch(0.800 0.1500 245.0);
	--syn-type: oklch(0.800 0.1500 40.0);
	--syn-attr: oklch(0.800 0.1500 195.0);
}

[data-theme="ember"][data-mode="light"] {
	--ground: oklch(0.950 0.0113 81.0);
	--bg: oklch(0.983 0.0061 81.0);
	--surface: oklch(1.000 0.0000 81.0);
	--raised: oklch(1.000 0.0000 81.0);
	--sunken: oklch(0.957 0.0104 81.0);
	--hairline: oklch(0.915 0.0147 81.0);
	--hairline-strong: oklch(0.863 0.0181 81.0);
	--fg-3: oklch(0.616 0.0206 81.0);
	--fg-2: oklch(0.441 0.0158 81.0);
	--fg: oklch(0.206 0.0063 81.0);
	--code-bg: oklch(0.962 0.0097 81.0);
	--turn-user: oklch(0.950 0.0113 81.0);
	--hover: oklch(0.929 0.0135 81.0);
	--active: oklch(0.905 0.0155 81.0);
	--accent: oklch(0.564 0.1400 39.5);
	--accent-hover: oklch(0.514 0.1302 39.5);
	--accent-fg: oklch(0.990 0.0070 39.5);
	--accent-tint: oklch(0.950 0.0154 39.5);
	--accent-line: oklch(0.840 0.0434 39.5);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0205 81.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0205 81.0 / 0.06), 0 8px 24px oklch(0.3 0.0205 81.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0205 81.0 / 0.07), 0 18px 48px oklch(0.3 0.0205 81.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0205 81.0 / 0.05), 0 4px 20px oklch(0.3 0.0205 81.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

[data-theme="slate"] {
	--ground: oklch(0.950 0.0116 250.0);
	--bg: oklch(0.983 0.0063 250.0);
	--surface: oklch(1.000 0.0000 250.0);
	--raised: oklch(1.000 0.0000 250.0);
	--sunken: oklch(0.957 0.0107 250.0);
	--hairline: oklch(0.915 0.0151 250.0);
	--hairline-strong: oklch(0.863 0.0186 250.0);
	--fg-3: oklch(0.616 0.0212 250.0);
	--fg-2: oklch(0.441 0.0162 250.0);
	--fg: oklch(0.206 0.0065 250.0);
	--code-bg: oklch(0.962 0.0100 250.0);
	--turn-user: oklch(0.950 0.0116 250.0);
	--hover: oklch(0.929 0.0139 250.0);
	--active: oklch(0.905 0.0159 250.0);
	--accent: oklch(0.564 0.1500 245.0);
	--accent-hover: oklch(0.514 0.1395 245.0);
	--accent-fg: oklch(0.990 0.0075 245.0);
	--accent-tint: oklch(0.950 0.0165 245.0);
	--accent-line: oklch(0.840 0.0465 245.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0210 250.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0210 250.0 / 0.06), 0 8px 24px oklch(0.3 0.0210 250.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0210 250.0 / 0.07), 0 18px 48px oklch(0.3 0.0210 250.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0210 250.0 / 0.05), 0 4px 20px oklch(0.3 0.0210 250.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

@media (prefers-color-scheme: dark) {
	[data-theme="slate"]:not([data-mode="light"]) {
		--ground: oklch(0.146 0.0041 250.0);
		--bg: oklch(0.184 0.0056 250.0);
		--surface: oklch(0.241 0.0080 250.0);
		--raised: oklch(0.262 0.0089 250.0);
		--sunken: oklch(0.206 0.0065 250.0);
		--hairline: oklch(0.293 0.0102 250.0);
		--hairline-strong: oklch(0.356 0.0129 250.0);
		--fg-3: oklch(0.534 0.0193 250.0);
		--fg-2: oklch(0.709 0.0220 250.0);
		--fg: oklch(0.938 0.0130 250.0);
		--code-bg: oklch(0.221 0.0071 250.0);
		--turn-user: oklch(0.235 0.0077 250.0);
		--hover: oklch(0.950 0.0116 250.0 / 0.055);
		--active: oklch(0.950 0.0116 250.0 / 0.1);
		--accent: oklch(0.750 0.1500 245.0);
		--accent-hover: oklch(0.820 0.1395 245.0);
		--accent-fg: oklch(0.200 0.0225 245.0);
		--accent-tint: oklch(0.75 0.1500 245.0 / 0.14);
		--accent-line: oklch(0.75 0.1500 245.0 / 0.34);
		--danger: oklch(0.700 0.1600 25.0);
		--danger-fg: oklch(0.780 0.1500 25.0);
		--danger-tint: oklch(0.7 0.16 25 / 0.14);
		--danger-line: oklch(0.7 0.16 25 / 0.32);
		--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
		--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
		--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
		--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
		--syn-key: oklch(0.800 0.1500 320.0);
		--syn-str: oklch(0.800 0.1500 145.0);
		--syn-num: oklch(0.800 0.1500 65.0);
		--syn-fn: oklch(0.800 0.1500 245.0);
		--syn-type: oklch(0.800 0.1500 40.0);
		--syn-attr: oklch(0.800 0.1500 195.0);
	}
}

[data-theme="slate"][data-mode="dark"] {
	--ground: oklch(0.146 0.0041 250.0);
	--bg: oklch(0.184 0.0056 250.0);
	--surface: oklch(0.241 0.0080 250.0);
	--raised: oklch(0.262 0.0089 250.0);
	--sunken: oklch(0.206 0.0065 250.0);
	--hairline: oklch(0.293 0.0102 250.0);
	--hairline-strong: oklch(0.356 0.0129 250.0);
	--fg-3: oklch(0.534 0.0193 250.0);
	--fg-2: oklch(0.709 0.0220 250.0);
	--fg: oklch(0.938 0.0130 250.0);
	--code-bg: oklch(0.221 0.0071 250.0);
	--turn-user: oklch(0.235 0.0077 250.0);
	--hover: oklch(0.950 0.0116 250.0 / 0.055);
	--active: oklch(0.950 0.0116 250.0 / 0.1);
	--accent: oklch(0.750 0.1500 245.0);
	--accent-hover: oklch(0.820 0.1395 245.0);
	--accent-fg: oklch(0.200 0.0225 245.0);
	--accent-tint: oklch(0.75 0.1500 245.0 / 0.14);
	--accent-line: oklch(0.75 0.1500 245.0 / 0.34);
	--danger: oklch(0.700 0.1600 25.0);
	--danger-fg: oklch(0.780 0.1500 25.0);
	--danger-tint: oklch(0.7 0.16 25 / 0.14);
	--danger-line: oklch(0.7 0.16 25 / 0.32);
	--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
	--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
	--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
	--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
	--syn-key: oklch(0.800 0.1500 320.0);
	--syn-str: oklch(0.800 0.1500 145.0);
	--syn-num: oklch(0.800 0.1500 65.0);
	--syn-fn: oklch(0.800 0.1500 245.0);
	--syn-type: oklch(0.800 0.1500 40.0);
	--syn-attr: oklch(0.800 0.1500 195.0);
}

[data-theme="slate"][data-mode="light"] {
	--ground: oklch(0.950 0.0116 250.0);
	--bg: oklch(0.983 0.0063 250.0);
	--surface: oklch(1.000 0.0000 250.0);
	--raised: oklch(1.000 0.0000 250.0);
	--sunken: oklch(0.957 0.0107 250.0);
	--hairline: oklch(0.915 0.0151 250.0);
	--hairline-strong: oklch(0.863 0.0186 250.0);
	--fg-3: oklch(0.616 0.0212 250.0);
	--fg-2: oklch(0.441 0.0162 250.0);
	--fg: oklch(0.206 0.0065 250.0);
	--code-bg: oklch(0.962 0.0100 250.0);
	--turn-user: oklch(0.950 0.0116 250.0);
	--hover: oklch(0.929 0.0139 250.0);
	--active: oklch(0.905 0.0159 250.0);
	--accent: oklch(0.564 0.1500 245.0);
	--accent-hover: oklch(0.514 0.1395 245.0);
	--accent-fg: oklch(0.990 0.0075 245.0);
	--accent-tint: oklch(0.950 0.0165 245.0);
	--accent-line: oklch(0.840 0.0465 245.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0210 250.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0210 250.0 / 0.06), 0 8px 24px oklch(0.3 0.0210 250.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0210 250.0 / 0.07), 0 18px 48px oklch(0.3 0.0210 250.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0210 250.0 / 0.05), 0 4px 20px oklch(0.3 0.0210 250.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

[data-theme="moss"] {
	--ground: oklch(0.950 0.0126 140.0);
	--bg: oklch(0.983 0.0069 140.0);
	--surface: oklch(1.000 0.0000 140.0);
	--raised: oklch(1.000 0.0000 140.0);
	--sunken: oklch(0.957 0.0117 140.0);
	--hairline: oklch(0.915 0.0165 140.0);
	--hairline-strong: oklch(0.863 0.0203 140.0);
	--fg-3: oklch(0.616 0.0231 140.0);
	--fg-2: oklch(0.441 0.0177 140.0);
	--fg: oklch(0.206 0.0071 140.0);
	--code-bg: oklch(0.962 0.0109 140.0);
	--turn-user: oklch(0.950 0.0126 140.0);
	--hover: oklch(0.929 0.0151 140.0);
	--active: oklch(0.905 0.0174 140.0);
	--accent: oklch(0.564 0.1200 155.0);
	--accent-hover: oklch(0.514 0.1116 155.0);
	--accent-fg: oklch(0.990 0.0060 155.0);
	--accent-tint: oklch(0.950 0.0132 155.0);
	--accent-line: oklch(0.840 0.0372 155.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0230 140.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0230 140.0 / 0.06), 0 8px 24px oklch(0.3 0.0230 140.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0230 140.0 / 0.07), 0 18px 48px oklch(0.3 0.0230 140.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0230 140.0 / 0.05), 0 4px 20px oklch(0.3 0.0230 140.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

@media (prefers-color-scheme: dark) {
	[data-theme="moss"]:not([data-mode="light"]) {
		--ground: oklch(0.146 0.0045 140.0);
		--bg: oklch(0.184 0.0061 140.0);
		--surface: oklch(0.241 0.0087 140.0);
		--raised: oklch(0.262 0.0097 140.0);
		--sunken: oklch(0.206 0.0071 140.0);
		--hairline: oklch(0.293 0.0112 140.0);
		--hairline-strong: oklch(0.356 0.0141 140.0);
		--fg-3: oklch(0.534 0.0210 140.0);
		--fg-2: oklch(0.709 0.0240 140.0);
		--fg: oklch(0.938 0.0141 140.0);
		--code-bg: oklch(0.221 0.0078 140.0);
		--turn-user: oklch(0.235 0.0084 140.0);
		--hover: oklch(0.950 0.0126 140.0 / 0.055);
		--active: oklch(0.950 0.0126 140.0 / 0.1);
		--accent: oklch(0.750 0.1200 155.0);
		--accent-hover: oklch(0.820 0.1116 155.0);
		--accent-fg: oklch(0.200 0.0180 155.0);
		--accent-tint: oklch(0.75 0.1200 155.0 / 0.14);
		--accent-line: oklch(0.75 0.1200 155.0 / 0.34);
		--danger: oklch(0.700 0.1600 25.0);
		--danger-fg: oklch(0.780 0.1500 25.0);
		--danger-tint: oklch(0.7 0.16 25 / 0.14);
		--danger-line: oklch(0.7 0.16 25 / 0.32);
		--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
		--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
		--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
		--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
		--syn-key: oklch(0.800 0.1500 320.0);
		--syn-str: oklch(0.800 0.1500 145.0);
		--syn-num: oklch(0.800 0.1500 65.0);
		--syn-fn: oklch(0.800 0.1500 245.0);
		--syn-type: oklch(0.800 0.1500 40.0);
		--syn-attr: oklch(0.800 0.1500 195.0);
	}
}

[data-theme="moss"][data-mode="dark"] {
	--ground: oklch(0.146 0.0045 140.0);
	--bg: oklch(0.184 0.0061 140.0);
	--surface: oklch(0.241 0.0087 140.0);
	--raised: oklch(0.262 0.0097 140.0);
	--sunken: oklch(0.206 0.0071 140.0);
	--hairline: oklch(0.293 0.0112 140.0);
	--hairline-strong: oklch(0.356 0.0141 140.0);
	--fg-3: oklch(0.534 0.0210 140.0);
	--fg-2: oklch(0.709 0.0240 140.0);
	--fg: oklch(0.938 0.0141 140.0);
	--code-bg: oklch(0.221 0.0078 140.0);
	--turn-user: oklch(0.235 0.0084 140.0);
	--hover: oklch(0.950 0.0126 140.0 / 0.055);
	--active: oklch(0.950 0.0126 140.0 / 0.1);
	--accent: oklch(0.750 0.1200 155.0);
	--accent-hover: oklch(0.820 0.1116 155.0);
	--accent-fg: oklch(0.200 0.0180 155.0);
	--accent-tint: oklch(0.75 0.1200 155.0 / 0.14);
	--accent-line: oklch(0.75 0.1200 155.0 / 0.34);
	--danger: oklch(0.700 0.1600 25.0);
	--danger-fg: oklch(0.780 0.1500 25.0);
	--danger-tint: oklch(0.7 0.16 25 / 0.14);
	--danger-line: oklch(0.7 0.16 25 / 0.32);
	--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
	--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
	--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
	--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
	--syn-key: oklch(0.800 0.1500 320.0);
	--syn-str: oklch(0.800 0.1500 145.0);
	--syn-num: oklch(0.800 0.1500 65.0);
	--syn-fn: oklch(0.800 0.1500 245.0);
	--syn-type: oklch(0.800 0.1500 40.0);
	--syn-attr: oklch(0.800 0.1500 195.0);
}

[data-theme="moss"][data-mode="light"] {
	--ground: oklch(0.950 0.0126 140.0);
	--bg: oklch(0.983 0.0069 140.0);
	--surface: oklch(1.000 0.0000 140.0);
	--raised: oklch(1.000 0.0000 140.0);
	--sunken: oklch(0.957 0.0117 140.0);
	--hairline: oklch(0.915 0.0165 140.0);
	--hairline-strong: oklch(0.863 0.0203 140.0);
	--fg-3: oklch(0.616 0.0231 140.0);
	--fg-2: oklch(0.441 0.0177 140.0);
	--fg: oklch(0.206 0.0071 140.0);
	--code-bg: oklch(0.962 0.0109 140.0);
	--turn-user: oklch(0.950 0.0126 140.0);
	--hover: oklch(0.929 0.0151 140.0);
	--active: oklch(0.905 0.0174 140.0);
	--accent: oklch(0.564 0.1200 155.0);
	--accent-hover: oklch(0.514 0.1116 155.0);
	--accent-fg: oklch(0.990 0.0060 155.0);
	--accent-tint: oklch(0.950 0.0132 155.0);
	--accent-line: oklch(0.840 0.0372 155.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0230 140.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0230 140.0 / 0.06), 0 8px 24px oklch(0.3 0.0230 140.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0230 140.0 / 0.07), 0 18px 48px oklch(0.3 0.0230 140.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0230 140.0 / 0.05), 0 4px 20px oklch(0.3 0.0230 140.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

[data-theme="ink"] {
	--ground: oklch(0.950 0.0084 280.0);
	--bg: oklch(0.983 0.0046 280.0);
	--surface: oklch(1.000 0.0000 280.0);
	--raised: oklch(1.000 0.0000 280.0);
	--sunken: oklch(0.957 0.0078 280.0);
	--hairline: oklch(0.915 0.0110 280.0);
	--hairline-strong: oklch(0.863 0.0135 280.0);
	--fg-3: oklch(0.616 0.0154 280.0);
	--fg-2: oklch(0.441 0.0118 280.0);
	--fg: oklch(0.206 0.0047 280.0);
	--code-bg: oklch(0.962 0.0073 280.0);
	--turn-user: oklch(0.950 0.0084 280.0);
	--hover: oklch(0.929 0.0101 280.0);
	--active: oklch(0.905 0.0116 280.0);
	--accent: oklch(0.564 0.1400 320.0);
	--accent-hover: oklch(0.514 0.1302 320.0);
	--accent-fg: oklch(0.990 0.0070 320.0);
	--accent-tint: oklch(0.950 0.0154 320.0);
	--accent-line: oklch(0.840 0.0434 320.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0153 280.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0153 280.0 / 0.06), 0 8px 24px oklch(0.3 0.0153 280.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0153 280.0 / 0.07), 0 18px 48px oklch(0.3 0.0153 280.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0153 280.0 / 0.05), 0 4px 20px oklch(0.3 0.0153 280.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

@media (prefers-color-scheme: dark) {
	[data-theme="ink"]:not([data-mode="light"]) {
		--ground: oklch(0.146 0.0030 280.0);
		--bg: oklch(0.184 0.0041 280.0);
		--surface: oklch(0.241 0.0058 280.0);
		--raised: oklch(0.262 0.0065 280.0);
		--sunken: oklch(0.206 0.0047 280.0);
		--hairline: oklch(0.293 0.0074 280.0);
		--hairline-strong: oklch(0.356 0.0094 280.0);
		--fg-3: oklch(0.534 0.0140 280.0);
		--fg-2: oklch(0.709 0.0160 280.0);
		--fg: oklch(0.938 0.0094 280.0);
		--code-bg: oklch(0.221 0.0052 280.0);
		--turn-user: oklch(0.235 0.0056 280.0);
		--hover: oklch(0.950 0.0084 280.0 / 0.055);
		--active: oklch(0.950 0.0084 280.0 / 0.1);
		--accent: oklch(0.750 0.1400 320.0);
		--accent-hover: oklch(0.820 0.1302 320.0);
		--accent-fg: oklch(0.200 0.0210 320.0);
		--accent-tint: oklch(0.75 0.1400 320.0 / 0.14);
		--accent-line: oklch(0.75 0.1400 320.0 / 0.34);
		--danger: oklch(0.700 0.1600 25.0);
		--danger-fg: oklch(0.780 0.1500 25.0);
		--danger-tint: oklch(0.7 0.16 25 / 0.14);
		--danger-line: oklch(0.7 0.16 25 / 0.32);
		--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
		--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
		--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
		--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
		--syn-key: oklch(0.800 0.1500 320.0);
		--syn-str: oklch(0.800 0.1500 145.0);
		--syn-num: oklch(0.800 0.1500 65.0);
		--syn-fn: oklch(0.800 0.1500 245.0);
		--syn-type: oklch(0.800 0.1500 40.0);
		--syn-attr: oklch(0.800 0.1500 195.0);
	}
}

[data-theme="ink"][data-mode="dark"] {
	--ground: oklch(0.146 0.0030 280.0);
	--bg: oklch(0.184 0.0041 280.0);
	--surface: oklch(0.241 0.0058 280.0);
	--raised: oklch(0.262 0.0065 280.0);
	--sunken: oklch(0.206 0.0047 280.0);
	--hairline: oklch(0.293 0.0074 280.0);
	--hairline-strong: oklch(0.356 0.0094 280.0);
	--fg-3: oklch(0.534 0.0140 280.0);
	--fg-2: oklch(0.709 0.0160 280.0);
	--fg: oklch(0.938 0.0094 280.0);
	--code-bg: oklch(0.221 0.0052 280.0);
	--turn-user: oklch(0.235 0.0056 280.0);
	--hover: oklch(0.950 0.0084 280.0 / 0.055);
	--active: oklch(0.950 0.0084 280.0 / 0.1);
	--accent: oklch(0.750 0.1400 320.0);
	--accent-hover: oklch(0.820 0.1302 320.0);
	--accent-fg: oklch(0.200 0.0210 320.0);
	--accent-tint: oklch(0.75 0.1400 320.0 / 0.14);
	--accent-line: oklch(0.75 0.1400 320.0 / 0.34);
	--danger: oklch(0.700 0.1600 25.0);
	--danger-fg: oklch(0.780 0.1500 25.0);
	--danger-tint: oklch(0.7 0.16 25 / 0.14);
	--danger-line: oklch(0.7 0.16 25 / 0.32);
	--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
	--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
	--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
	--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
	--syn-key: oklch(0.800 0.1500 320.0);
	--syn-str: oklch(0.800 0.1500 145.0);
	--syn-num: oklch(0.800 0.1500 65.0);
	--syn-fn: oklch(0.800 0.1500 245.0);
	--syn-type: oklch(0.800 0.1500 40.0);
	--syn-attr: oklch(0.800 0.1500 195.0);
}

[data-theme="ink"][data-mode="light"] {
	--ground: oklch(0.950 0.0084 280.0);
	--bg: oklch(0.983 0.0046 280.0);
	--surface: oklch(1.000 0.0000 280.0);
	--raised: oklch(1.000 0.0000 280.0);
	--sunken: oklch(0.957 0.0078 280.0);
	--hairline: oklch(0.915 0.0110 280.0);
	--hairline-strong: oklch(0.863 0.0135 280.0);
	--fg-3: oklch(0.616 0.0154 280.0);
	--fg-2: oklch(0.441 0.0118 280.0);
	--fg: oklch(0.206 0.0047 280.0);
	--code-bg: oklch(0.962 0.0073 280.0);
	--turn-user: oklch(0.950 0.0084 280.0);
	--hover: oklch(0.929 0.0101 280.0);
	--active: oklch(0.905 0.0116 280.0);
	--accent: oklch(0.564 0.1400 320.0);
	--accent-hover: oklch(0.514 0.1302 320.0);
	--accent-fg: oklch(0.990 0.0070 320.0);
	--accent-tint: oklch(0.950 0.0154 320.0);
	--accent-line: oklch(0.840 0.0434 320.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0153 280.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0153 280.0 / 0.06), 0 8px 24px oklch(0.3 0.0153 280.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0153 280.0 / 0.07), 0 18px 48px oklch(0.3 0.0153 280.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0153 280.0 / 0.05), 0 4px 20px oklch(0.3 0.0153 280.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

[data-theme="harbour"] {
	--ground: oklch(0.950 0.0105 210.0);
	--bg: oklch(0.983 0.0057 210.0);
	--surface: oklch(1.000 0.0000 210.0);
	--raised: oklch(1.000 0.0000 210.0);
	--sunken: oklch(0.957 0.0097 210.0);
	--hairline: oklch(0.915 0.0138 210.0);
	--hairline-strong: oklch(0.863 0.0169 210.0);
	--fg-3: oklch(0.616 0.0192 210.0);
	--fg-2: oklch(0.441 0.0147 210.0);
	--fg: oklch(0.206 0.0059 210.0);
	--code-bg: oklch(0.962 0.0091 210.0);
	--turn-user: oklch(0.950 0.0105 210.0);
	--hover: oklch(0.929 0.0126 210.0);
	--active: oklch(0.905 0.0145 210.0);
	--accent: oklch(0.564 0.1300 195.0);
	--accent-hover: oklch(0.514 0.1209 195.0);
	--accent-fg: oklch(0.990 0.0065 195.0);
	--accent-tint: oklch(0.950 0.0143 195.0);
	--accent-line: oklch(0.840 0.0403 195.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0191 210.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0191 210.0 / 0.06), 0 8px 24px oklch(0.3 0.0191 210.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0191 210.0 / 0.07), 0 18px 48px oklch(0.3 0.0191 210.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0191 210.0 / 0.05), 0 4px 20px oklch(0.3 0.0191 210.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

@media (prefers-color-scheme: dark) {
	[data-theme="harbour"]:not([data-mode="light"]) {
		--ground: oklch(0.146 0.0037 210.0);
		--bg: oklch(0.184 0.0051 210.0);
		--surface: oklch(0.241 0.0073 210.0);
		--raised: oklch(0.262 0.0081 210.0);
		--sunken: oklch(0.206 0.0059 210.0);
		--hairline: oklch(0.293 0.0093 210.0);
		--hairline-strong: oklch(0.356 0.0117 210.0);
		--fg-3: oklch(0.534 0.0175 210.0);
		--fg-2: oklch(0.709 0.0200 210.0);
		--fg: oklch(0.938 0.0118 210.0);
		--code-bg: oklch(0.221 0.0065 210.0);
		--turn-user: oklch(0.235 0.0070 210.0);
		--hover: oklch(0.950 0.0105 210.0 / 0.055);
		--active: oklch(0.950 0.0105 210.0 / 0.1);
		--accent: oklch(0.750 0.1300 195.0);
		--accent-hover: oklch(0.820 0.1209 195.0);
		--accent-fg: oklch(0.200 0.0195 195.0);
		--accent-tint: oklch(0.75 0.1300 195.0 / 0.14);
		--accent-line: oklch(0.75 0.1300 195.0 / 0.34);
		--danger: oklch(0.700 0.1600 25.0);
		--danger-fg: oklch(0.780 0.1500 25.0);
		--danger-tint: oklch(0.7 0.16 25 / 0.14);
		--danger-line: oklch(0.7 0.16 25 / 0.32);
		--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
		--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
		--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
		--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
		--syn-key: oklch(0.800 0.1500 320.0);
		--syn-str: oklch(0.800 0.1500 145.0);
		--syn-num: oklch(0.800 0.1500 65.0);
		--syn-fn: oklch(0.800 0.1500 245.0);
		--syn-type: oklch(0.800 0.1500 40.0);
		--syn-attr: oklch(0.800 0.1500 195.0);
	}
}

[data-theme="harbour"][data-mode="dark"] {
	--ground: oklch(0.146 0.0037 210.0);
	--bg: oklch(0.184 0.0051 210.0);
	--surface: oklch(0.241 0.0073 210.0);
	--raised: oklch(0.262 0.0081 210.0);
	--sunken: oklch(0.206 0.0059 210.0);
	--hairline: oklch(0.293 0.0093 210.0);
	--hairline-strong: oklch(0.356 0.0117 210.0);
	--fg-3: oklch(0.534 0.0175 210.0);
	--fg-2: oklch(0.709 0.0200 210.0);
	--fg: oklch(0.938 0.0118 210.0);
	--code-bg: oklch(0.221 0.0065 210.0);
	--turn-user: oklch(0.235 0.0070 210.0);
	--hover: oklch(0.950 0.0105 210.0 / 0.055);
	--active: oklch(0.950 0.0105 210.0 / 0.1);
	--accent: oklch(0.750 0.1300 195.0);
	--accent-hover: oklch(0.820 0.1209 195.0);
	--accent-fg: oklch(0.200 0.0195 195.0);
	--accent-tint: oklch(0.75 0.1300 195.0 / 0.14);
	--accent-line: oklch(0.75 0.1300 195.0 / 0.34);
	--danger: oklch(0.700 0.1600 25.0);
	--danger-fg: oklch(0.780 0.1500 25.0);
	--danger-tint: oklch(0.7 0.16 25 / 0.14);
	--danger-line: oklch(0.7 0.16 25 / 0.32);
	--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
	--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
	--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
	--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
	--syn-key: oklch(0.800 0.1500 320.0);
	--syn-str: oklch(0.800 0.1500 145.0);
	--syn-num: oklch(0.800 0.1500 65.0);
	--syn-fn: oklch(0.800 0.1500 245.0);
	--syn-type: oklch(0.800 0.1500 40.0);
	--syn-attr: oklch(0.800 0.1500 195.0);
}

[data-theme="harbour"][data-mode="light"] {
	--ground: oklch(0.950 0.0105 210.0);
	--bg: oklch(0.983 0.0057 210.0);
	--surface: oklch(1.000 0.0000 210.0);
	--raised: oklch(1.000 0.0000 210.0);
	--sunken: oklch(0.957 0.0097 210.0);
	--hairline: oklch(0.915 0.0138 210.0);
	--hairline-strong: oklch(0.863 0.0169 210.0);
	--fg-3: oklch(0.616 0.0192 210.0);
	--fg-2: oklch(0.441 0.0147 210.0);
	--fg: oklch(0.206 0.0059 210.0);
	--code-bg: oklch(0.962 0.0091 210.0);
	--turn-user: oklch(0.950 0.0105 210.0);
	--hover: oklch(0.929 0.0126 210.0);
	--active: oklch(0.905 0.0145 210.0);
	--accent: oklch(0.564 0.1300 195.0);
	--accent-hover: oklch(0.514 0.1209 195.0);
	--accent-fg: oklch(0.990 0.0065 195.0);
	--accent-tint: oklch(0.950 0.0143 195.0);
	--accent-line: oklch(0.840 0.0403 195.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0191 210.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0191 210.0 / 0.06), 0 8px 24px oklch(0.3 0.0191 210.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0191 210.0 / 0.07), 0 18px 48px oklch(0.3 0.0191 210.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0191 210.0 / 0.05), 0 4px 20px oklch(0.3 0.0191 210.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

[data-theme="clay"] {
	--ground: oklch(0.950 0.0147 50.0);
	--bg: oklch(0.983 0.0080 50.0);
	--surface: oklch(1.000 0.0000 50.0);
	--raised: oklch(1.000 0.0000 50.0);
	--sunken: oklch(0.957 0.0136 50.0);
	--hairline: oklch(0.915 0.0193 50.0);
	--hairline-strong: oklch(0.863 0.0237 50.0);
	--fg-3: oklch(0.616 0.0269 50.0);
	--fg-2: oklch(0.441 0.0206 50.0);
	--fg: oklch(0.206 0.0083 50.0);
	--code-bg: oklch(0.962 0.0127 50.0);
	--turn-user: oklch(0.950 0.0147 50.0);
	--hover: oklch(0.929 0.0177 50.0);
	--active: oklch(0.905 0.0203 50.0);
	--accent: oklch(0.564 0.1500 15.0);
	--accent-hover: oklch(0.514 0.1395 15.0);
	--accent-fg: oklch(0.990 0.0075 15.0);
	--accent-tint: oklch(0.950 0.0165 15.0);
	--accent-line: oklch(0.840 0.0465 15.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0268 50.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0268 50.0 / 0.06), 0 8px 24px oklch(0.3 0.0268 50.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0268 50.0 / 0.07), 0 18px 48px oklch(0.3 0.0268 50.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0268 50.0 / 0.05), 0 4px 20px oklch(0.3 0.0268 50.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

@media (prefers-color-scheme: dark) {
	[data-theme="clay"]:not([data-mode="light"]) {
		--ground: oklch(0.146 0.0052 50.0);
		--bg: oklch(0.184 0.0071 50.0);
		--surface: oklch(0.241 0.0102 50.0);
		--raised: oklch(0.262 0.0113 50.0);
		--sunken: oklch(0.206 0.0083 50.0);
		--hairline: oklch(0.293 0.0130 50.0);
		--hairline-strong: oklch(0.356 0.0164 50.0);
		--fg-3: oklch(0.534 0.0245 50.0);
		--fg-2: oklch(0.709 0.0280 50.0);
		--fg: oklch(0.938 0.0165 50.0);
		--code-bg: oklch(0.221 0.0091 50.0);
		--turn-user: oklch(0.235 0.0099 50.0);
		--hover: oklch(0.950 0.0147 50.0 / 0.055);
		--active: oklch(0.950 0.0147 50.0 / 0.1);
		--accent: oklch(0.750 0.1500 15.0);
		--accent-hover: oklch(0.820 0.1395 15.0);
		--accent-fg: oklch(0.200 0.0225 15.0);
		--accent-tint: oklch(0.75 0.1500 15.0 / 0.14);
		--accent-line: oklch(0.75 0.1500 15.0 / 0.34);
		--danger: oklch(0.700 0.1600 25.0);
		--danger-fg: oklch(0.780 0.1500 25.0);
		--danger-tint: oklch(0.7 0.16 25 / 0.14);
		--danger-line: oklch(0.7 0.16 25 / 0.32);
		--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
		--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
		--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
		--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
		--syn-key: oklch(0.800 0.1500 320.0);
		--syn-str: oklch(0.800 0.1500 145.0);
		--syn-num: oklch(0.800 0.1500 65.0);
		--syn-fn: oklch(0.800 0.1500 245.0);
		--syn-type: oklch(0.800 0.1500 40.0);
		--syn-attr: oklch(0.800 0.1500 195.0);
	}
}

[data-theme="clay"][data-mode="dark"] {
	--ground: oklch(0.146 0.0052 50.0);
	--bg: oklch(0.184 0.0071 50.0);
	--surface: oklch(0.241 0.0102 50.0);
	--raised: oklch(0.262 0.0113 50.0);
	--sunken: oklch(0.206 0.0083 50.0);
	--hairline: oklch(0.293 0.0130 50.0);
	--hairline-strong: oklch(0.356 0.0164 50.0);
	--fg-3: oklch(0.534 0.0245 50.0);
	--fg-2: oklch(0.709 0.0280 50.0);
	--fg: oklch(0.938 0.0165 50.0);
	--code-bg: oklch(0.221 0.0091 50.0);
	--turn-user: oklch(0.235 0.0099 50.0);
	--hover: oklch(0.950 0.0147 50.0 / 0.055);
	--active: oklch(0.950 0.0147 50.0 / 0.1);
	--accent: oklch(0.750 0.1500 15.0);
	--accent-hover: oklch(0.820 0.1395 15.0);
	--accent-fg: oklch(0.200 0.0225 15.0);
	--accent-tint: oklch(0.75 0.1500 15.0 / 0.14);
	--accent-line: oklch(0.75 0.1500 15.0 / 0.34);
	--danger: oklch(0.700 0.1600 25.0);
	--danger-fg: oklch(0.780 0.1500 25.0);
	--danger-tint: oklch(0.7 0.16 25 / 0.14);
	--danger-line: oklch(0.7 0.16 25 / 0.32);
	--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
	--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
	--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
	--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
	--syn-key: oklch(0.800 0.1500 320.0);
	--syn-str: oklch(0.800 0.1500 145.0);
	--syn-num: oklch(0.800 0.1500 65.0);
	--syn-fn: oklch(0.800 0.1500 245.0);
	--syn-type: oklch(0.800 0.1500 40.0);
	--syn-attr: oklch(0.800 0.1500 195.0);
}

[data-theme="clay"][data-mode="light"] {
	--ground: oklch(0.950 0.0147 50.0);
	--bg: oklch(0.983 0.0080 50.0);
	--surface: oklch(1.000 0.0000 50.0);
	--raised: oklch(1.000 0.0000 50.0);
	--sunken: oklch(0.957 0.0136 50.0);
	--hairline: oklch(0.915 0.0193 50.0);
	--hairline-strong: oklch(0.863 0.0237 50.0);
	--fg-3: oklch(0.616 0.0269 50.0);
	--fg-2: oklch(0.441 0.0206 50.0);
	--fg: oklch(0.206 0.0083 50.0);
	--code-bg: oklch(0.962 0.0127 50.0);
	--turn-user: oklch(0.950 0.0147 50.0);
	--hover: oklch(0.929 0.0177 50.0);
	--active: oklch(0.905 0.0203 50.0);
	--accent: oklch(0.564 0.1500 15.0);
	--accent-hover: oklch(0.514 0.1395 15.0);
	--accent-fg: oklch(0.990 0.0075 15.0);
	--accent-tint: oklch(0.950 0.0165 15.0);
	--accent-line: oklch(0.840 0.0465 15.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0268 50.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0268 50.0 / 0.06), 0 8px 24px oklch(0.3 0.0268 50.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0268 50.0 / 0.07), 0 18px 48px oklch(0.3 0.0268 50.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0268 50.0 / 0.05), 0 4px 20px oklch(0.3 0.0268 50.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

[data-theme="vellum"] {
	--ground: oklch(0.950 0.0047 95.0);
	--bg: oklch(0.983 0.0026 95.0);
	--surface: oklch(1.000 0.0000 95.0);
	--raised: oklch(1.000 0.0000 95.0);
	--sunken: oklch(0.957 0.0044 95.0);
	--hairline: oklch(0.915 0.0062 95.0);
	--hairline-strong: oklch(0.863 0.0076 95.0);
	--fg-3: oklch(0.616 0.0087 95.0);
	--fg-2: oklch(0.441 0.0066 95.0);
	--fg: oklch(0.206 0.0027 95.0);
	--code-bg: oklch(0.962 0.0041 95.0);
	--turn-user: oklch(0.950 0.0047 95.0);
	--hover: oklch(0.929 0.0057 95.0);
	--active: oklch(0.905 0.0065 95.0);
	--accent: oklch(0.564 0.1600 265.0);
	--accent-hover: oklch(0.514 0.1488 265.0);
	--accent-fg: oklch(0.990 0.0080 265.0);
	--accent-tint: oklch(0.950 0.0176 265.0);
	--accent-line: oklch(0.840 0.0496 265.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0086 95.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0086 95.0 / 0.06), 0 8px 24px oklch(0.3 0.0086 95.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0086 95.0 / 0.07), 0 18px 48px oklch(0.3 0.0086 95.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0086 95.0 / 0.05), 0 4px 20px oklch(0.3 0.0086 95.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}

@media (prefers-color-scheme: dark) {
	[data-theme="vellum"]:not([data-mode="light"]) {
		--ground: oklch(0.146 0.0017 95.0);
		--bg: oklch(0.184 0.0023 95.0);
		--surface: oklch(0.241 0.0033 95.0);
		--raised: oklch(0.262 0.0036 95.0);
		--sunken: oklch(0.206 0.0027 95.0);
		--hairline: oklch(0.293 0.0042 95.0);
		--hairline-strong: oklch(0.356 0.0053 95.0);
		--fg-3: oklch(0.534 0.0079 95.0);
		--fg-2: oklch(0.709 0.0090 95.0);
		--fg: oklch(0.938 0.0053 95.0);
		--code-bg: oklch(0.221 0.0029 95.0);
		--turn-user: oklch(0.235 0.0032 95.0);
		--hover: oklch(0.950 0.0047 95.0 / 0.055);
		--active: oklch(0.950 0.0047 95.0 / 0.1);
		--accent: oklch(0.750 0.1600 265.0);
		--accent-hover: oklch(0.820 0.1488 265.0);
		--accent-fg: oklch(0.200 0.0240 265.0);
		--accent-tint: oklch(0.75 0.1600 265.0 / 0.14);
		--accent-line: oklch(0.75 0.1600 265.0 / 0.34);
		--danger: oklch(0.700 0.1600 25.0);
		--danger-fg: oklch(0.780 0.1500 25.0);
		--danger-tint: oklch(0.7 0.16 25 / 0.14);
		--danger-line: oklch(0.7 0.16 25 / 0.32);
		--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
		--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
		--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
		--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
		--syn-key: oklch(0.800 0.1500 320.0);
		--syn-str: oklch(0.800 0.1500 145.0);
		--syn-num: oklch(0.800 0.1500 65.0);
		--syn-fn: oklch(0.800 0.1500 245.0);
		--syn-type: oklch(0.800 0.1500 40.0);
		--syn-attr: oklch(0.800 0.1500 195.0);
	}
}

[data-theme="vellum"][data-mode="dark"] {
	--ground: oklch(0.146 0.0017 95.0);
	--bg: oklch(0.184 0.0023 95.0);
	--surface: oklch(0.241 0.0033 95.0);
	--raised: oklch(0.262 0.0036 95.0);
	--sunken: oklch(0.206 0.0027 95.0);
	--hairline: oklch(0.293 0.0042 95.0);
	--hairline-strong: oklch(0.356 0.0053 95.0);
	--fg-3: oklch(0.534 0.0079 95.0);
	--fg-2: oklch(0.709 0.0090 95.0);
	--fg: oklch(0.938 0.0053 95.0);
	--code-bg: oklch(0.221 0.0029 95.0);
	--turn-user: oklch(0.235 0.0032 95.0);
	--hover: oklch(0.950 0.0047 95.0 / 0.055);
	--active: oklch(0.950 0.0047 95.0 / 0.1);
	--accent: oklch(0.750 0.1600 265.0);
	--accent-hover: oklch(0.820 0.1488 265.0);
	--accent-fg: oklch(0.200 0.0240 265.0);
	--accent-tint: oklch(0.75 0.1600 265.0 / 0.14);
	--accent-line: oklch(0.75 0.1600 265.0 / 0.34);
	--danger: oklch(0.700 0.1600 25.0);
	--danger-fg: oklch(0.780 0.1500 25.0);
	--danger-tint: oklch(0.7 0.16 25 / 0.14);
	--danger-line: oklch(0.7 0.16 25 / 0.32);
	--shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
	--shadow-2: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 24px oklch(0 0 0 / 0.35);
	--shadow-3: 0 2px 4px oklch(0 0 0 / 0.45), 0 18px 48px oklch(0 0 0 / 0.5);
	--shadow-card: 0 1px 2px oklch(0 0 0 / 0.35), 0 4px 20px oklch(0 0 0 / 0.3);
	--syn-key: oklch(0.800 0.1500 320.0);
	--syn-str: oklch(0.800 0.1500 145.0);
	--syn-num: oklch(0.800 0.1500 65.0);
	--syn-fn: oklch(0.800 0.1500 245.0);
	--syn-type: oklch(0.800 0.1500 40.0);
	--syn-attr: oklch(0.800 0.1500 195.0);
}

[data-theme="vellum"][data-mode="light"] {
	--ground: oklch(0.950 0.0047 95.0);
	--bg: oklch(0.983 0.0026 95.0);
	--surface: oklch(1.000 0.0000 95.0);
	--raised: oklch(1.000 0.0000 95.0);
	--sunken: oklch(0.957 0.0044 95.0);
	--hairline: oklch(0.915 0.0062 95.0);
	--hairline-strong: oklch(0.863 0.0076 95.0);
	--fg-3: oklch(0.616 0.0087 95.0);
	--fg-2: oklch(0.441 0.0066 95.0);
	--fg: oklch(0.206 0.0027 95.0);
	--code-bg: oklch(0.962 0.0041 95.0);
	--turn-user: oklch(0.950 0.0047 95.0);
	--hover: oklch(0.929 0.0057 95.0);
	--active: oklch(0.905 0.0065 95.0);
	--accent: oklch(0.564 0.1600 265.0);
	--accent-hover: oklch(0.514 0.1488 265.0);
	--accent-fg: oklch(0.990 0.0080 265.0);
	--accent-tint: oklch(0.950 0.0176 265.0);
	--accent-line: oklch(0.840 0.0496 265.0);
	--danger: oklch(0.500 0.1600 25.0);
	--danger-fg: oklch(0.420 0.1500 25.0);
	--danger-tint: oklch(0.950 0.0300 25.0);
	--danger-line: oklch(0.860 0.0600 25.0);
	--shadow-1: 0 1px 2px oklch(0.3 0.0086 95.0 / 0.06);
	--shadow-2: 0 1px 2px oklch(0.3 0.0086 95.0 / 0.06), 0 8px 24px oklch(0.3 0.0086 95.0 / 0.05);
	--shadow-3: 0 2px 4px oklch(0.3 0.0086 95.0 / 0.07), 0 18px 48px oklch(0.3 0.0086 95.0 / 0.1);
	--shadow-card: 0 1px 2px oklch(0.3 0.0086 95.0 / 0.05), 0 4px 20px oklch(0.3 0.0086 95.0 / 0.05);
	--syn-key: oklch(0.500 0.1400 320.0);
	--syn-str: oklch(0.500 0.1400 145.0);
	--syn-num: oklch(0.500 0.1400 65.0);
	--syn-fn: oklch(0.500 0.1400 245.0);
	--syn-type: oklch(0.500 0.1400 40.0);
	--syn-attr: oklch(0.500 0.1400 195.0);
}