/*
 * Шкала фирменного цвета.
 *
 * Единственный источник — токен --primary-color. Оттенки, которых ждут
 * primeflex (bg-primary-100, text-primary-600, …) и тема PrimeReact,
 * браузер выводит из него сам через color-mix().
 *
 * Файл грузится ПОСЛЕ theme.css и переопределяет его захардкоженные значения.
 * Сам --primary-color задаёт либо theme.css (дефолт бренда), либо
 * EventConfigProvider — значением из админки.
 *
 * Проценты повторяют прежние коэффициенты из utils/branding.ts:
 * mix(0.95) == 5% основного цвета + 95% белого, mix(-0.15) == 85% + чёрный.
 */
:root {
    --primary-50: color-mix(in srgb, var(--primary-color) 5%, #fff);
    --primary-100: color-mix(in srgb, var(--primary-color) 20%, #fff);
    --primary-200: color-mix(in srgb, var(--primary-color) 40%, #fff);
    --primary-300: color-mix(in srgb, var(--primary-color) 60%, #fff);
    --primary-400: color-mix(in srgb, var(--primary-color) 80%, #fff);
    --primary-500: var(--primary-color);
    --primary-600: color-mix(in srgb, var(--primary-color) 85%, #000);
    --primary-700: color-mix(in srgb, var(--primary-color) 70%, #000);
    --primary-800: color-mix(in srgb, var(--primary-color) 55%, #000);
    --primary-900: color-mix(in srgb, var(--primary-color) 40%, #000);

    --primary-color-light: color-mix(in srgb, var(--primary-color) 45%, #fff);
    --primary-color-dark: color-mix(in srgb, var(--primary-color) 85%, #000);
    --primary-color-darker: color-mix(in srgb, var(--primary-color) 70%, #000);
    --highlight-bg: color-mix(in srgb, var(--primary-color) 10%, #fff);
    --highlight-focus-bg: color-mix(in srgb, var(--primary-color) 25%, #fff);
}