/* Брендинг кабінету LMS. Апстрімний frappe-ui віддає всі кольори через
   CSS-змінні, тож перефарбування — це перевизначення токенів, а не форк.
   Підключається одним рядком у frappe-ui-шаблоні SPA (dev/lms-brand.patch). */

@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&display=swap');

:root {
	--om-brand: #eb8d00;
	--om-brand-dark: #d17f00;
	--om-brand-soft: #ffb340;
}

/* Solid-кнопки, активний пункт сайдбара і подібні «чорні» поверхні frappe-ui
   беруть gray-9/10 — саме вони й задають відчуття бренду. */
/* html:root специфічніший за :root апстріму — тому не залежимо від порядку
   підключення стилів (vite вставляє свій <link> після нашого). */
html:root,
html[data-theme='light'],
html[data-theme='dark'] {
	--surface-gray-9: var(--om-brand);
	--surface-gray-10: var(--om-brand-dark);
	--focus-outline-default: var(--om-brand-soft);
}

body,
#app {
	font-family: 'Urbanist', InterVar, ui-sans-serif, system-ui, sans-serif;
}