/*
 * Modern: палітра темної теми, акцент — синій (поверх Radzen standard-dark-base.css).
 * Підключається компонентом ModernTheme лише для теми "standard-dark".
 *
 * Акцент синій і живе не лише в блоці "Бренд": див. перелік місць у шапці modern-light.css;
 * у темній темі додатково --rz-link-hover-color, --rs-sidebar-active-color та
 * --rz-on-primary-lighter (світліші відтінки синього, читаються на темному).
 *
 * Шкала в Radzen-dark НЕ інвертована: 50..400 світлі (ними пишуть текст),
 * 600..900 темні (з них поверхні). Тому base-50 тут світлий, як і в оригіналі.
 */
:root {
    color-scheme: dark;

    /* ---- Нейтральна шкала ---- */
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base-50: #f5f7fa;
    --rz-base-100: #e4e8ee;
    --rz-base-200: #cdd3dc;
    --rz-base-300: #aab3c0;
    --rz-base-400: #8993a2;
    --rz-base-500: #677080;
    --rz-base-600: #3a414d;
    --rz-base-700: #2a303a;
    --rz-base-800: #1b2028;
    --rz-base-900: #11141a;
    --rz-base: var(--rz-base-600);
    --rz-base-light: var(--rz-base-200);
    --rz-base-lighter: #ffffff;
    --rz-base-dark: var(--rz-base-700);
    --rz-base-darker: #000000;
    --rz-on-base: #ffffff;
    --rz-on-base-light: var(--rz-base-900);
    --rz-on-base-lighter: var(--rz-base-900);
    --rz-on-base-dark: #ffffff;
    --rz-on-base-darker: #ffffff;

    /* ---- Бренд ---- */
    --rz-primary: #3b82f6;
    --rz-primary-light: #60a5fa;
    --rz-primary-lighter: rgba(59, 130, 246, 0.18);
    --rz-primary-dark: #2563eb;
    --rz-primary-darker: #1d4ed8;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #0b1220;
    --rz-on-primary-lighter: #93c5fd;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;

    --rz-secondary: #6366f1;
    --rz-secondary-light: #818cf8;
    --rz-secondary-lighter: rgba(129, 140, 248, 0.18);
    --rz-secondary-dark: #4f46e5;
    --rz-secondary-darker: #4338ca;
    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #0b1220;
    --rz-on-secondary-lighter: #a5b4fc;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;

    /* ---- Семантичні ---- */
    --rz-info: #0ea5e9;
    --rz-info-light: #38bdf8;
    --rz-info-lighter: rgba(56, 189, 248, 0.16);
    --rz-info-dark: #0284c7;
    --rz-info-darker: #0369a1;
    --rz-on-info: #ffffff;
    --rz-on-info-light: #0b1220;
    --rz-on-info-lighter: #7dd3fc;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #ffffff;

    --rz-success: #059669;
    --rz-success-light: #34d399;
    --rz-success-lighter: rgba(52, 211, 153, 0.16);
    --rz-success-dark: #047857;
    --rz-success-darker: #065f46;
    --rz-on-success: #ffffff;
    --rz-on-success-light: #0b1220;
    --rz-on-success-lighter: #6ee7b7;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #ffffff;

    --rz-warning: #f59e0b;
    --rz-warning-light: #fbbf24;
    --rz-warning-lighter: rgba(251, 191, 36, 0.16);
    --rz-warning-dark: #d97706;
    --rz-warning-darker: #b45309;
    --rz-on-warning: #111827;
    --rz-on-warning-light: #111827;
    --rz-on-warning-lighter: #fcd34d;
    --rz-on-warning-dark: #ffffff;
    --rz-on-warning-darker: #ffffff;

    --rz-danger: #ef4444;
    --rz-danger-light: #f87171;
    --rz-danger-lighter: rgba(248, 113, 113, 0.18);
    --rz-danger-dark: #dc2626;
    --rz-danger-darker: #b91c1c;
    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #0b1220;
    --rz-on-danger-lighter: #fca5a5;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;

    /* ---- Поверхні й текст ---- */
    --rz-body-background-color: var(--rz-base-900);
    --rz-base-background-color: var(--rz-base-800);
    --rz-text-title-color: var(--rz-base-50);
    --rz-text-color: var(--rz-base-100);
    --rz-text-secondary-color: var(--rz-base-300);
    --rz-text-tertiary-color: var(--rz-base-400);
    --rz-text-disabled-color: var(--rz-base-500);
    --rz-link-color: var(--rz-primary-light);
    --rz-link-hover-color: #93c5fd;

    /* ---- Власні токени шару ---- */
    --rs-surface: var(--rz-base-800);
    --rs-surface-muted: #161a21;
    --rs-surface-hover: #222833;
    --rs-border: #2c333e;
    --rs-border-strong: #444c59;
    --rs-border-hover: #56606f;
    --rs-ring: rgba(96, 165, 250, 0.35);
    --rs-tooltip-bg: #2a303a;
    --rs-sidebar-bg: var(--rz-base-800);
    --rs-sidebar-color: var(--rz-base-100);
    --rs-sidebar-muted: var(--rz-base-400);
    --rs-sidebar-hover: #222833;
    --rs-sidebar-active-bg: rgba(59, 130, 246, 0.18);
    --rs-sidebar-active-color: #93c5fd;
    --rs-mask: rgba(0, 0, 0, 0.6);
    --rs-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
    --rs-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.3);
    --rs-shadow-md: 0 4px 8px -2px rgba(0, 0, 0, 0.45), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
    --rs-shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, 0.55), 0 4px 8px -4px rgba(0, 0, 0, 0.35);
    --rs-shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, 0.7);

    /* ---- Змінні, які застосунок використовує, а Radzen не визначає ---- */
    --rz-border-color: var(--rs-border);
    --rz-surface: var(--rs-surface-muted);
    --rz-panel-border: 1px solid var(--rs-border);
    --rz-input-border-color: var(--rs-border-strong);

    /* ---- Літерали Radzen + баг dark-теми ---- */
    --rz-input-focus-shadow: 0 0 0 3px var(--rs-ring);
    --rz-grid-selected-background-color: rgba(59, 130, 246, 0.16);
    --rz-grid-stripe-background-color: #1f242d;
    --rz-panel-menu-item-active-indicator: var(--rz-primary-light);
    --rz-button-base-background-color: var(--rz-base-700);
    --rz-button-base-color: var(--rz-base-100);
    --rz-validator-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.5);
    --rz-scrollbar-color: rgba(137, 147, 162, 0.35);
    --rz-series-1: #60a5fa;
    --rz-series-17: #3b82f6;
    /* Баг Radzen dark: --rz-panel-menu-item-color/--rz-panel-menu-icon-color записані як
       "var(rz-text-color)" без "--". Виправлено в modern-common.css (секція каркаса).
       Тут голий колір замість border-шортхенда — рамки не було. */
    --rz-profile-menu-border: 1px solid var(--rs-border);
}

/* Прозорі Secondary-варіанти (текстові/обведені кнопки й чипи): Radzen-dark фарбує їх
   on-secondary, тобто кольором «тексту НА заливці». Якщо палітра колись зміниться на таку,
   де on-secondary темний, вони стануть невидимими на темній поверхні. on-secondary-lighter
   читається на поверхні — беремо його (для поточної синьої палітри правило страхувальне). */
.rz-button.rz-variant-text.rz-secondary.rz-shade-default,
.rz-button.rz-variant-outlined.rz-secondary.rz-shade-default,
.rz-variant-text.rz-chip-secondary.rz-shade-default,
.rz-variant-outlined.rz-chip-secondary.rz-shade-default {
    color: var(--rz-on-secondary-lighter);
}