/* Ported from TatShop admin theme tokens (green light/dark). */

html[data-admin-theme] {
	background-color: var(--admin-bg);
	overflow-x: clip;
}

html[data-admin-theme='light-green'] {
	--admin-bg: #f1f2f4;
	--admin-text: #202223;
	--admin-text-muted: #6d7175;
	--admin-border: #e1e3e5;
	--admin-border-input: #c9cccf;
	--admin-surface: #ffffff;
	--admin-surface-muted: #f6f6f7;
	--admin-surface-inset: #fafbfb;
	--admin-link: #006e52;
	--admin-accent: #008060;
	--admin-accent-hover: #006e52;
	--admin-accent-on: #ffffff;
	--admin-focus: #008060;
	--admin-focus-ring: rgb(0 128 96 / 0.2);
	--admin-chip-active-bg: #f1f8f5;
	--admin-switch-off: #c9cccf;
	--admin-info-border: #b7e4d0;
	--admin-info-bg: #edf7f2;
	--admin-info-text: #0d5e42;
}

html[data-admin-theme='dark-green'] {
	--admin-bg: #121214;
	--admin-text: #f1f2f3;
	--admin-text-muted: #999ea4;
	--admin-border: #343539;
	--admin-border-input: #4a4d52;
	--admin-surface: #1a1b1d;
	--admin-surface-muted: #25262a;
	--admin-surface-inset: #1f2023;
	--admin-link: #5ecb9f;
	--admin-accent: #00a884;
	--admin-accent-hover: #00c49a;
	--admin-accent-on: #ffffff;
	--admin-focus: #5ecb9f;
	--admin-focus-ring: rgb(94 203 159 / 0.22);
	--admin-chip-active-bg: #1a2e28;
	--admin-switch-off: #4a4d52;
	--admin-info-border: #2f6b55;
	--admin-info-bg: #1a2e28;
	--admin-info-text: #9fdcc4;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	color-scheme: light;
}

html[data-admin-theme='dark-green'] {
	color-scheme: dark;
}

body {
	margin: 0;
	min-height: 100vh;
	font-family:
		system-ui,
		-apple-system,
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	background: var(--admin-bg);
	color: var(--admin-text);
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--admin-link);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
}

button {
	font: inherit;
}