/*
 * Tokeny motywu — NAZWY ZMIENNYCH SĄ OBSIDIANOWE i to jest celowe.
 *
 * `src/edytor/mount.ts` przyszedł z wtyczki razem z blokiem motywu, który
 * odwołuje się do `--background-primary`, `--text-normal` i `--font-text`.
 * Trzymając te same nazwy, ten sam plik kompiluje się w obu hostach bez
 * jednej linijki różnicy — a przyszły port CSS-u wtyczki to kopiuj-wklej.
 *
 * Ciemny jest domyślny: uczeń siedzi w tym wieczorem, a Obsidian, który zna,
 * też startuje ciemny. Jasny włącza się przez `data-motyw="jasny"` na <html>.
 *
 * Fonty systemowe, żadnych plików ani CDN-a: w trybie `lan` serwer szkoły jest
 * jedyną maszyną, do której uczeń ma dostęp, a font systemowy nie potrzebuje
 * ani sieci, ani noty licencyjnej.
 */

:root {
	--background-primary: #1e1e1e;
	--background-primary-alt: #181818;
	--background-secondary: #252525;
	--background-secondary-alt: #161616;
	--background-modifier-border: #363636;
	--background-modifier-hover: rgba(255, 255, 255, 0.075);
	--background-modifier-active: rgba(127, 109, 242, 0.2);
	--background-modifier-error: #3a1d1d;

	--text-normal: #dadada;
	--text-muted: #999999;
	--text-faint: #6b6b6b;
	--text-on-accent: #ffffff;
	--text-error: #ff6b6b;
	--text-accent: #a496ff;

	--interactive-accent: #7f6df2;
	--interactive-accent-hover: #8e7ff5;

	--font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--font-monospace: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas,
		"Liberation Mono", monospace;

	--odstep: 8px;
	--promien: 6px;
	--szerokosc-panelu: 260px;
	--wstazka: 44px;
	--pasek: 26px;

	color-scheme: dark;
}

:root[data-motyw="jasny"] {
	--background-primary: #ffffff;
	--background-primary-alt: #f5f6f8;
	--background-secondary: #f2f3f5;
	--background-secondary-alt: #e8e9ed;
	--background-modifier-border: #dcdde1;
	--background-modifier-hover: rgba(0, 0, 0, 0.05);
	--background-modifier-active: rgba(127, 109, 242, 0.15);
	--background-modifier-error: #fdecea;

	--text-normal: #222326;
	--text-muted: #5c5f66;
	--text-faint: #8a8d94;
	--text-error: #b3261e;
	--text-accent: #5a48d6;

	color-scheme: light;
}

/*
 * Szanujemy „ogranicz animacje" z systemu. Uczeń z nadwrażliwością
 * przedsionkową nie ma jak tego wyłączyć w aplikacji, w której siedzi lekcję.
 */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}