/* ============================================================
   Палитра продукта «ИБ-дайджест» (ui-redesign).
   Только переменные: фирменные цвета Интер РАО + семантические
   пары для светлой и тёмной тем. Значения — из утверждённого
   мока (digest-mock), ревизии не подлежат без решения владельца.
   Подключается первым, до components.css и pages.css.
   ============================================================ */
:root {
  --rao-blue: #002552;
  --rao-blue-50: #8098b2;
  --rao-orange: #f27b19;
  --rao-orange-50: #f9bd8c;
  --rao-grey: #b8c2d0;
  --rao-grey-60: #d4dae3;
  --rao-grey-20: #f1f3f6;
  --aux-305: #5ac8e6;
  --aux-2925: #009bdc;
  --aux-257: #be96c8;
  --aux-2597: #640078;
  --aux-485: #c80000;
  --aux-109: #ffc800;
  --aux-1205: #ffe696;
  --aux-359: #78c878;
  --aux-362: #007800;
  --cg8: #808080;
  --cg10: #414141;
}

html[data-theme='light'] {
  --bg: var(--rao-grey-20);
  --surface: #ffffff;
  --surface-2: #f7f9fc;
  --border: var(--rao-grey-60);
  --border-soft: #e4e9ef;
  --heading: var(--rao-blue);
  --text: var(--cg10);
  --muted: var(--cg8);
  --link: #0061a8;
  --btn-primary-bg: var(--rao-blue);
  --btn-primary-fg: #ffffff;
  --btn-accent-bg: var(--rao-orange);
  --btn-accent-fg: var(--rao-blue);
  --topbar-bg: var(--rao-blue);
  --topbar-fg: #ffffff;
  --shadow: 0 1px 3px rgba(0, 37, 82, 0.07), 0 4px 18px rgba(0, 37, 82, 0.06);
  --hero-grad: linear-gradient(135deg, #002552 0%, #0a3a6e 60%, #123f7a 100%);
  --g-vuln-fg: #005ba4;
  --g-vuln-bg: #e1f1fb;
  --g-inc-fg: #a30000;
  --g-inc-bg: #fae3e3;
  --g-def-fg: #006400;
  --g-def-bg: #e3f2e3;
  --g-reg-fg: #640078;
  --g-reg-bg: #f3e5f6;
  --g-infra-fg: #00707f;
  --g-infra-bg: #ddf3f7;
  --g-ai-fg: #a85400;
  --g-ai-bg: #fdebdd;
  --warn-fg: #6b4e00;
  --warn-bg: var(--aux-1205);
  /* Секции карточки события (card-section-colors, пожелание продака №6):
     «Инсайты» — светло-рыжая подложка с оранжевыми акцентами (производная
     --rao-orange), «Подробности» — синяя с синими (производная --rao-blue).
     Подложки — полупрозрачные rgba поверх белой surface читалки. */
  --sec-insights-bg: rgba(242, 123, 25, 0.09);
  --sec-insights-border: rgba(242, 123, 25, 0.36);
  --sec-insights-fg: #a05000;
  --sec-details-bg: rgba(0, 37, 82, 0.08);
  --sec-details-border: rgba(0, 37, 82, 0.26);
  --sec-details-fg: var(--rao-blue);
  /* Чипы «Темы выпуска» (topics-chips, приёмка 03.10): контурный формат без
     заливки — не спорит с пастельными тегами; светлой теме — navy-контур,
     тёмной — оранжевый (выбор владельца) */
  --g-topic-fg: var(--rao-blue);
  --g-topic-border: #33518A;
  --g-topic-bg-hover: rgba(0, 55, 120, 0.08);
}

html[data-theme='dark'] {
  --bg: #001731;
  --surface: #0a2444;
  --surface-2: #0f2c52;
  --border: #27466e;
  --border-soft: #1d3a5f;
  --heading: #ffffff;
  --text: #d9e1ea;
  --muted: var(--rao-grey);
  --link: var(--aux-305);
  --btn-primary-bg: var(--rao-orange);
  --btn-primary-fg: var(--rao-blue);
  --btn-accent-bg: var(--rao-orange);
  --btn-accent-fg: var(--rao-blue);
  --topbar-bg: #00101f;
  --topbar-fg: #ffffff;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  --hero-grad: linear-gradient(135deg, #00101f 0%, #07203f 60%, #0b2a52 100%);
  --g-vuln-fg: #5ac8e6;
  --g-vuln-bg: rgba(90, 200, 230, 0.14);
  --g-inc-fg: #ff9a91;
  --g-inc-bg: rgba(200, 0, 0, 0.28);
  --g-def-fg: #78c878;
  --g-def-bg: rgba(120, 200, 120, 0.16);
  --g-reg-fg: #be96c8;
  --g-reg-bg: rgba(190, 150, 200, 0.16);
  --g-infra-fg: #009bdc;
  --g-infra-bg: rgba(0, 155, 220, 0.18);
  --g-ai-fg: var(--rao-orange-50);
  --g-ai-bg: rgba(242, 123, 25, 0.16);
  --warn-fg: var(--aux-109);
  --warn-bg: rgba(255, 200, 0, 0.16);
  /* Тёмные аналоги секций карточки: аккуратные полупрозрачные производные
     поверх тёмных поверхностей (не сплошные заливки). Синяя подложка
     «Подробностей» — светлеющий rgba от --rao-blue-50, акцент — --aux-305. */
  --sec-insights-bg: rgba(242, 123, 25, 0.12);
  --sec-insights-border: rgba(242, 123, 25, 0.32);
  --sec-insights-fg: var(--rao-orange-50);
  --sec-details-bg: rgba(128, 152, 178, 0.14);
  --sec-details-border: rgba(128, 152, 178, 0.36);
  --sec-details-fg: var(--aux-305);
  /* Чипы тем в тёмной теме: оранжевый контур (рамка/текст), hover — тинт */
  --g-topic-fg: var(--rao-orange-50);
  --g-topic-border: #C87838;
  --g-topic-bg-hover: rgba(242, 123, 25, 0.14);
}