/*
 * Кросс-платформенный safe-area контракт.
 *
 * Этот файл — единственное место где упоминается env(safe-area-inset-*).
 * Все остальные компоненты используют только var(--safe-top), var(--safe-bottom),
 * var(--safe-left), var(--safe-right).
 *
 * Источники заполнения переменных (по приоритету):
 *   1. Native injector (iOS Swift / Android Kotlin) пишет inline-style
 *      в documentElement.style — переписывает :root значения через specificity.
 *   2. env(safe-area-inset-*) — стандарт W3C, работает в браузерах и WebView
 *      при наличии viewport-fit=cover в meta viewport (см. frontend/vite.config.ts).
 *   3. 0px — финальный fallback для движков без поддержки env().
 *
 * См. languageTrainerAdmin/docs/architecture/cross-platform-frontend.md
 */
:root {
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-right: env(safe-area-inset-right, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-left: env(safe-area-inset-left, 0px);
}