/* ═══════════════════════════════════════════════════════════
   СУВК «Глобал Энерджи» — единый источник цвета и размеров.
   Файл подключается первым на всех страницах: login.html,
   index.html, candidate.html. Значения цвета в других файлах
   запрещены: берите переменную отсюда.
   ═══════════════════════════════════════════════════════════ */

:root {
  /* Тёмная гамма — единственная схема системы.
     Строка ниже красит системные элементы браузера:
     списки, поля даты, полосы прокрутки, автозаполнение. */
  color-scheme: dark;

  /* ── Поверхности ── */
  --bg-0:          #060C1A;   /* самый тёмный тон: края экрана входа */
  --bg:            #0A1428;   /* фон страницы */
  --bg-2:          #0F1E38;   /* фон второго уровня */
  --surface:       #152744;   /* карточка, окно, таблица */
  --surface-2:     #1B3054;   /* вложенный блок, чётная строка */
  --surface-3:     #24406E;   /* наведение, активный элемент */

  /* ── Линии ── */
  --line:          #2C4A78;
  --line-strong:   #3E63A0;

  /* ── Текст ── */
  --text:          #E6ECF5;   /* основной */
  --text-2:        #A9BAD1;   /* вспомогательный */
  --text-3:        #7C8DA5;   /* третьестепенный */
  --text-inv:      #FFFFFF;   /* текст поверх цветной плашки */
  --title:         #F4F8FD;   /* заголовки */
  --link:          #8FB6EA;

  /* ── Фирменные ── */
  --brand:         #1B3A6B;
  --brand-2:       #2E5FA3;
  --accent:        #4178C4;
  --accent-2:      #6C63FF;   /* только главная кнопка и полосы прогресса */
  --accent-soft:   #1A2A45;
  --accent-text:   #9CC0EA;

  /* ── Состояния ── */
  --ok:            #2E6B4A;   --ok-soft: #15251C;  --ok-text: #84C4A2;  --ok-deep: #0E1C15;
  --warn:          #9A742C;   --warn-soft: #241D11; --warn-text: #D5B478;
  --danger:        #92403F;   --danger-soft: #251719; --danger-text: #CE9393;
  --teal:          #2C6E6E;   --teal-soft: #122322;  --teal-text: #7FC0BE;

  /* ── Значок должности ── */
  --badge-num:      #0B1220;
  --badge-num-halo: #E6ECF5;

  /* ── Типографика ── */
  --font: 'Segoe UI', 'Inter', Arial, sans-serif;
  --font-mono: 'Consolas', 'Menlo', monospace;
  --fs-1: 28px;
  --fs-2: 22px;
  --fs-3: 18px;
  --fs-base: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;
  --lh: 1.5;
  --fw-bold: 700;
  --fw-black: 800;

  /* ── Размеры и форма ── */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;  --sp-4: 16px;  --sp-5: 24px;
  --radius-sm: 6px;  --radius: 10px;  --radius-lg: 14px;
  --shadow: 0 4px 18px rgba(0,0,0,0.35);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.28);

  /* ── Градиенты: только соседние тона синей гаммы ── */
  --grad-bar:    linear-gradient(135deg, var(--brand), var(--bg-2));
  --grad-brand:  linear-gradient(135deg, var(--brand), var(--brand-2));
  --grad-accent: linear-gradient(90deg,  var(--brand-2), var(--accent-2));
  --grad-page:   linear-gradient(160deg, var(--bg) 0%, var(--bg-2) 100%);
  --grad-cta:    linear-gradient(120deg, var(--brand-2) 0%, var(--accent-2) 100%);

  /* ── Прежние имена: сохранены для совместимости разметки ──
     Все указывают на тёмную гамму. Светлых заливок в системе нет. */
  --navy:      #1B3A6B;
  --blue:      #2E5FA3;
  --ink:       #E6ECF5;
  --muted:     #A9BAD1;
  --card:      #1B3054;
  --row:       #1B3054;
  --glass:     #152744;
  --accent-l:  #1A2A45;
  --pos:       #84C4A2;
  --neg:       #CE9393;
}

/* ── Системные элементы браузера ─────────────────────────────
   Без этих правил список, календарь и автозаполнение остаются
   белыми: их рисует браузер, а не наша таблица стилей. */

html, body { background: var(--bg); color: var(--text); }

select, option, optgroup {
  background-color: var(--surface);
  color: var(--text);
}
select:focus > option:checked { background: var(--surface-3); }

input, textarea, select, button { color-scheme: dark; }

input::placeholder, textarea::placeholder { color: var(--text-3); opacity: 1; }

/* Автозаполнение браузера заливает поле белым. Гасим заливку тенью. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: var(--text);
  -webkit-box-shadow: 0 0 0 1000px var(--surface-2) inset;
  box-shadow: 0 0 0 1000px var(--surface-2) inset;
  caret-color: var(--text);
  transition: background-color 100000s ease-in-out 0s;
}

/* Значок календаря и часов в полях даты и времени. */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.6);
  cursor: pointer;
}

/* Окно выбора файла и поле поиска. */
input[type="file"]::file-selector-button {
  background: var(--surface-3);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 6px 12px;
  cursor: pointer;
}
input[type="search"]::-webkit-search-cancel-button { filter: invert(1); }

/* Флажки и переключатели. */
input[type="checkbox"], input[type="radio"], progress, meter {
  accent-color: var(--accent);
}

/* Полосы прокрутки. */
* { scrollbar-color: var(--line-strong) transparent; scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-2); }
::-webkit-scrollbar-thumb {
  background: var(--line-strong);
  border-radius: 6px;
  border: 2px solid var(--bg-2);
}
::-webkit-scrollbar-thumb:hover { background: var(--accent); }
::-webkit-scrollbar-corner { background: var(--bg-2); }

/* Выделение текста и встроенное окно. */
::selection { background: var(--accent); color: var(--text-inv); }
dialog { background: var(--surface); color: var(--text); border: 1px solid var(--line); }
dialog::backdrop { background: rgba(4, 10, 22, 0.72); }