/* Претензионный модуль: палитра как в варианте «Чат» (/claims/chat, css/chat-page.css).
   Классический мастер (/claims) и гибрид (/claims/hybrid) живут внутри base.html,
   поэтому переопределяем токены base.css только на страницах модуля (body.claims-body):
   холодные серо-синие нейтральные, тёмно-синий бренд вместо ярко-синего акцента
   и чёрных кнопок, приглушённые смысловые цвета. Значения — из :root в chat-page.css. */

body.claims-body {
    /* Нейтральные: paper / rail / line / quote-bg */
    --color-bg: #f3f5f8;
    --color-surface: #ffffff;
    --color-surface-muted: #f7f8fa;
    --color-surface-hover: #eef1f4;
    --color-surface-elevated: #ffffff;
    --color-border: #dce2e8;
    --color-border-strong: #c9d2dc;

    /* Текст: ink / ink-soft / ink-faint */
    --color-text-primary: #18222e;
    --color-text-secondary: #4a5868;
    --color-text-muted: #7d8a99;
    --color-text-inverse: #ffffff;

    /* Бренд: тёмно-синий brand и brand-tint — для акцентов, ссылок и кнопок */
    --color-primary: #1e3a5f;
    --color-primary-light: #2d5286;
    --color-primary-soft: #e6edf5;
    --color-secondary: #1e3a5f;
    --color-secondary-light: #2d5286;
    --color-secondary-soft: #e6edf5;
    --color-accent: #1e3a5f;
    --color-accent-hover: #16304f;
    --color-accent-soft: #e6edf5;

    --color-cta: #1e3a5f;
    --color-cta-hover: #16304f;
    --color-cta-text: #ffffff;
    --color-cta-rgb: 30, 58, 95;

    /* Смысловые: ok / attention / critical */
    --color-success: #1f7a4d;
    --color-success-soft: #e7f4ed;
    --color-warning: #a86a12;
    --color-warning-soft: #fdf4e3;
    --color-danger: #b42318;
    --color-danger-soft: #fdeeec;
    --color-info: #1e3a5f;
    --color-info-soft: #e6edf5;

    /* Боковая панель (rail) — как в «Чате» */
    --claims-rail: #eef1f4;
    --claims-rail-hover: #e2e7ec;
    --claims-rail-active: #d6dde5;

    --shadow-sm: 0 1px 2px rgba(24, 34, 46, 0.05);
    --shadow-md: 0 4px 12px rgba(24, 34, 46, 0.06);
    --shadow-lg: 0 8px 24px rgba(24, 34, 46, 0.08);
    --shadow-xl: 0 16px 40px rgba(24, 34, 46, 0.12);
    --focus-ring: 0 0 0 3px rgba(30, 58, 95, 0.18);
}

[data-theme="dark"] body.claims-body {
    --color-bg: #0f141a;
    --color-surface: #141a21;
    --color-surface-muted: #1a222b;
    --color-surface-hover: #1b232c;
    --color-surface-elevated: #17202a;
    --color-border: #26313c;
    --color-border-strong: #34424f;

    --color-text-primary: #e8edf2;
    --color-text-secondary: #b3bfcb;
    --color-text-muted: #8593a2;
    --color-text-inverse: #0f141a;

    --color-primary: #8fb3dc;
    --color-primary-light: #a9c5e6;
    --color-primary-soft: #1c2a3a;
    --color-secondary: #8fb3dc;
    --color-secondary-light: #a9c5e6;
    --color-secondary-soft: #1c2a3a;
    --color-accent: #8fb3dc;
    --color-accent-hover: #a9c5e6;
    --color-accent-soft: #1c2a3a;

    /* Как кнопка отправки в чате: светло-синий фон, тёмный текст */
    --color-cta: #8fb3dc;
    --color-cta-hover: #a9c5e6;
    --color-cta-text: #141a21;
    --color-cta-rgb: 143, 179, 220;

    --color-success: #6fcf9c;
    --color-success-soft: #13261c;
    --color-warning: #e5b45c;
    --color-warning-soft: #2a2112;
    --color-danger: #f2877c;
    --color-danger-soft: #2c1716;
    --color-info: #8fb3dc;
    --color-info-soft: #1c2a3a;

    --claims-rail: #0f141a;
    --claims-rail-hover: #1b232c;
    --claims-rail-active: #243039;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.35);
    --shadow-xl: 0 16px 40px rgba(0, 0, 0, 0.45);
    --focus-ring: 0 0 0 3px rgba(143, 179, 220, 0.28);
}