/**
 * static/css/_palette_refresh_2026.css
 *
 * Обновление палитры — май 2026. Приглушённые оттенки поверх существующих
 * переменных в variables.css. Сохраняет ПОЛНУЮ совместимость:
 *   • Все классы и компоненты продолжают работать.
 *   • Только переопределяет hex-значения наиболее заметных переменных.
 *   • Цвета подобраны для меньшего "шума" в UI и лучшей читаемости.
 *
 * Подключается ПОСЛЕ variables.css в _base_dashboard.html — поэтому
 * любые компоненты, ссылающиеся на переменные ниже, получают новые
 * значения автоматически.
 *
 * Для отката — закомментировать `<link>` в _base_dashboard.html.
 *
 * Палитра вдохновлена Editorial Calm (см. design-system/tokens/colors.css):
 * приглушённая зелень "охранной грамоты" + тёплые neutral'ы.
 */

:root {
    /* ────────────────────── Primary ──────────────────────
     * Был: indigo #6366f1 (яркий, "сине-фиолетовый ибп")
     * Стал: deep-green #1F3D2B (Editorial Calm accent — "охранная грамота",
     *       чуть менее saturated, лучше для длительного просмотра)
     */
    --primary:         #1F3D2B;
    --primary-dark:    #163021;
    --primary-light:   #355A40;
    --primary-lighter: #6B8B72;
    --primary-lightest:#E8EEEA;

    /* ────────────────────── Accent ──────────────────────
     * Был: violet #8b5cf6
     * Стал: muted teal — спокойнее, лучше совместим с deep-green primary
     */
    --accent:       #4A7C7C;
    --accent-light: #DCE9E9;

    /* ────────────────────── Status colors — slightly muted ──────────────────────
     * Tailwind-яркие saturate'ы → editorial-приглушённые.
     * Tints стали теплее (бумажный оттенок).
     */
    --success:         #2E5E3E;
    --success-dark:    #1F4029;
    --success-light:   #5A8770;
    --success-lightest:#EAF1EC;

    --warning:         #8C5A1A;
    --warning-dark:    #6B4513;
    --warning-light:   #B68440;
    --warning-lightest:#F5EBDA;

    --danger:          #8B2A1F;
    --danger-dark:     #6B1F17;
    --danger-light:    #B65040;
    --danger-lightest: #F4E3DF;

    --info:            #2C5282;
    --info-dark:       #1E3A5F;
    --info-light:      #4A7DB0;
    --info-lightest:   #DCE6F0;

    /* ────────────────────── Surfaces (тёплые neutral'ы) ──────────────────────
     * Был: чистый #ffffff и #f9fafb (холодные).
     * Стал: лёгкий бумажный оттенок (#FBFAF7) — мягче для глаз при долгой работе.
     * НЕ влияет на контраст с текстом — AA сохранён.
     */
    --bg-primary:    #FBFAF7;   /* было: #ffffff (alias --white) */
    --bg-secondary:  #F4F1EA;   /* было: #f9fafb */
    --bg-tertiary:   #ECE7DA;   /* было: #f3f4f6 */
    --bg-elevated:   #FFFFFF;   /* для cards, поверх paper-фона */

    /* Border line: чуть тёплее серого */
    --border:        #D9D3C5;   /* было: #e5e7eb */
    --border-light:  #E6E1D4;   /* было: #f3f4f6 */
    --border-strong: #B8B0A0;

    /* ────────────────────── Text colors (Editorial ink) ──────────────────────
     * Чуть мягче чем чисто-чёрный — лучше для длительного чтения.
     */
    --text-primary:   #1A1A1A;  /* было: #0f172a (slate-900) */
    --text-secondary: #3D3D3D;  /* было: #374151 (gray-700) */
    --text-muted:     #6B6B66;  /* было: #6b7280 (gray-500) */
    --text-disabled:  #9B978C;  /* было: #9ca3af (gray-400) */
    --text-inverse:   #FBFAF7;  /* для текста на тёмном фоне */

    /* ────────────────────── Shadows (мягче) ──────────────────────
     * Editorial Calm избегает резких теней. Используем тёплые tints.
     */
    --shadow-sm:  0 1px 2px rgba(26, 26, 26, 0.05);
    --shadow-md:  0 2px 8px rgba(26, 26, 26, 0.06), 0 1px 3px rgba(26, 26, 26, 0.04);
    --shadow-lg:  0 8px 24px rgba(26, 26, 26, 0.08), 0 2px 6px rgba(26, 26, 26, 0.04);
    --shadow-xl:  0 16px 40px rgba(26, 26, 26, 0.10);

    /* Focus ring — приглушённая зелень вместо ярко-синего */
    --focus-ring: 0 0 0 3px rgba(31, 61, 43, 0.20);
}

/* ============================================================
 * Dashboard themes — мягкие фоны для тематических ролей.
 * Не меняем кардинально, только приглушаем существующие.
 * (Каждый dashboard-themes.css добавляет свой акцент поверх.)
 * ============================================================ */

body[data-dashboard-theme] {
    background: var(--bg-primary);
    color: var(--text-secondary);
}

/* ============================================================
 * Smooth transitions для elements которые меняют цвет
 * (button hover, link hover, status changes).
 * Раньше резкие color-jumps делали интерфейс "дёрганным".
 * ============================================================ */

a, button, .btn, [role="button"], [data-toggleable] {
    transition:
        color 150ms ease,
        background-color 150ms ease,
        border-color 150ms ease,
        box-shadow 150ms ease,
        opacity 150ms ease;
}

/* ============================================================
 * Утилитарный класс для скрытия элементов (вместо style="display:none")
 * Используется в HTML где раньше был inline `style="display:none;"`.
 * ============================================================ */

.hidden,
[hidden] {
    display: none !important;
}

/* ============================================================
 * Reduced motion для пользователей с настройкой OS.
 * Editorial Calm избегает агрессивных анимаций.
 * ============================================================ */

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}