@import "@fontsource/ibm-plex-sans/400.css";
@import "@fontsource/ibm-plex-sans/500.css";
@import "@fontsource/ibm-plex-sans/600.css";
@import "@fontsource/ibm-plex-sans/700.css";
@import "@fontsource/ibm-plex-mono/400.css";
@import "@fontsource/ibm-plex-mono/500.css";

/* Минимальный reset (новый дизайн грузится только на preview-маршрутах). */
*,
*::before,
*::after {
	box-sizing: border-box;
}
html,
body {
	margin: 0;
	padding: 0;
}

/* Базовая типографика и палитра: без этого весь текст наследует UA-дефолт
   (Times New Roman / чёрный), что даёт сотни расхождений с рефом. */
html {
	color-scheme: light dark;
	font-family: var(--font-sans);
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: var(--font-sans);
	color: var(--foreground);
	background: var(--background);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* Форм-контролы не наследуют шрифт семьи по умолчанию (браузер ставит Arial). */
button,
input,
select,
textarea,
optgroup {
	font: inherit;
}

/* Новый дизайн: токены (§2 плана redesign).
   Файл грузится только layout'ом новой ветки (preview/+layout), поэтому
   глобально не конфликтует со старым app.css. */

:root {
	--font-sans: "IBM Plex Sans", sans-serif;
	--font-mono: "IBM Plex Mono", monospace;

	--background: #eef1f4;
	--panel: #f8fafb;
	--foreground: #17212b;
	--muted: #6d7883;
	--line: #cbd3da;

	--blue: #1769d2;
	--cyan: #00a8c7;
	--amber: #bd7411;
	--success: rgb(35, 131, 84);
	--success2: rgb(37, 169, 106);
	--danger: #e5484d;

	--radius: 4px;
}

[data-theme="dark"] {
	--background: #11171d;
	--panel: #182129;
	--foreground: #e8eef2;
	--muted: #91a0ac;
	--line: #33414c;

	--blue: #54a2ff;
	--cyan: #00a8c7;
	--amber: #bd7411;
	--success: #25a96a;
	--danger: #ff7479;
}