/* ============================================================
   «Сменчик» — демо-тема. Грузится ТОЛЬКО в демо-режиме, после app.css,
   поэтому переопределяет базовую (зелёную Green Doors) тему.
   Реализует фирменную цветовую систему: изумруд (структура/бренд) +
   янтарь (один акцент) + нейтрали + семантика. Свет и тёмная тема.
   ============================================================ */
:root{
  /* Brand / Primary — изумруд */
  --color-primary-900:#0B4636; --color-primary-800:#0E5A45;
  --color-primary-600:#14946F; --color-primary-200:#9CD6C0; --color-primary-50:#E6F4EF;
  /* Accent — янтарь */
  --color-accent-700:#B9760C; --color-accent-500:#F4A93B; --color-accent-300:#FAC877;
  --color-accent-50:#FDEFD6; --color-accent-on:#3A2A08;
  /* Neutrals */
  --color-ink:#14241D; --color-muted:#5D6F66; --color-border:#E4EAE7;
  --color-bg:#F4F6F5; --color-surface:#FFFFFF;
  --radius:14px; --focus-ring:0 0 0 3px rgba(20,148,111,.35);

  /* Базовые переменные шаблона → изумруд «Сменчика» (перекрашивает сайдбар,
     primary-кнопки, ссылки, фон автоматически) */
  --gd-dark:#0E5A45; --gd-mid:#14946F; --gd-light:#1FAE82; --gd-bg:#F4F6F5;

  /* Семантика Bootstrap → токены */
  --bs-primary:#14946F; --bs-primary-rgb:20,148,111;
  --bs-success:#16A06B; --bs-success-rgb:22,160,107;
  --bs-danger:#E14B3B;  --bs-danger-rgb:225,75,59;
  --bs-warning:#F4A93B; --bs-warning-rgb:244,169,59;
  --bs-info:#2D88B8;    --bs-info-rgb:45,136,184;
  --bs-body-color:#14241D; --bs-body-bg:#F4F6F5;
  --bs-link-color:#0E5A45; --bs-link-hover-color:#14946F;
  --bs-border-color:#E4EAE7;
}

/* Шрифты бренда */
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--color-ink);}
h1,h2,h3,h4,h5,.card-header{font-family:"Montserrat","Inter",sans-serif;letter-spacing:-.01em;}
/* Логотип-лок-ап «Сменчик»: знак-«С» + «менчик» в Nunito */
.smenchik-logo{display:inline-flex;align-items:baseline;font-family:"Nunito",sans-serif;font-weight:800;letter-spacing:-.012em;line-height:1;}
.smenchik-logo svg{height:.82em;width:auto;margin-right:.01em;overflow:visible;}

/* Скругления (бренд — 12–16px) */
.card,.btn,.form-control,.form-select,.alert,.modal-content,.dropdown-menu,.list-group{border-radius:var(--radius)!important;}
.btn-sm,.badge{border-radius:10px!important;}
.card{border-color:var(--color-border);}

/* Кнопки */
.btn-primary{--bs-btn-bg:var(--color-primary-600);--bs-btn-border-color:var(--color-primary-600);
  --bs-btn-hover-bg:var(--color-primary-800);--bs-btn-hover-border-color:var(--color-primary-800);
  --bs-btn-active-bg:var(--color-primary-800);--bs-btn-active-border-color:var(--color-primary-800);}
.btn-success{--bs-btn-bg:#16A06B;--bs-btn-border-color:#16A06B;--bs-btn-hover-bg:#0F7A4F;--bs-btn-hover-border-color:#0F7A4F;}
.btn-danger{--bs-btn-bg:#E14B3B;--bs-btn-border-color:#E14B3B;--bs-btn-hover-bg:#B23A28;--bs-btn-hover-border-color:#B23A28;}
.btn-outline-primary{--bs-btn-color:var(--color-primary-800);--bs-btn-border-color:#CFE0D8;
  --bs-btn-hover-bg:var(--color-primary-600);--bs-btn-hover-border-color:var(--color-primary-600);--bs-btn-hover-color:#fff;}
.btn-outline-secondary{--bs-btn-color:var(--color-muted);--bs-btn-border-color:var(--color-border);
  --bs-btn-hover-bg:var(--color-primary-50);--bs-btn-hover-color:var(--color-primary-800);--bs-btn-hover-border-color:#CFE0D8;}

/* Акцент — янтарь. ОДНА главная CTA на экране. На янтаре только тёмный текст. */
.btn-accent{background:var(--color-accent-500);color:var(--color-accent-on);border:none;font-weight:700;}
.btn-accent:hover,.btn-accent:focus{background:#DB9020;color:var(--color-accent-on);}

/* Ссылки */
a{color:var(--color-primary-800);} a:hover{color:var(--color-primary-600);}

/* Бейджи и статусы → семантика токенов */
.badge.bg-success,.bg-success{background-color:#16A06B!important;}
.badge.bg-danger,.bg-danger{background-color:#E14B3B!important;}
.badge.bg-warning,.bg-warning,.badge-pending{background-color:#F4A93B!important;color:#3A2A08!important;}
.badge.bg-info,.bg-info{background-color:#2D88B8!important;}
.text-success{color:#0F7A4F!important;} .text-danger{color:#B23A28!important;} .text-warning{color:#9A6206!important;}
.status-present{color:#0F7A4F!important;} .status-absent{color:#B23A28!important;}
.bg-primary{background-color:var(--color-primary-600)!important;}
.text-primary{color:var(--color-primary-800)!important;}
.btn-outline-light{--bs-btn-color:#fff;--bs-btn-border-color:rgba(255,255,255,.5);--bs-btn-hover-bg:rgba(255,255,255,.15);--bs-btn-hover-color:#fff;--bs-btn-hover-border-color:#fff;}

/* Семантические алерты — мягкие подложки токенов */
.alert-success{background:#E4F5EC;border-color:#bfe6d2;color:#0F7A4F;}
.alert-danger{background:#FBE7E3;border-color:#f3c3ba;color:#B23A28;}
.alert-warning{background:#FDEFD6;border-color:#f6dca8;color:#9A6206;}
.alert-info{background:#E2F0F6;border-color:#bcdcea;color:#1F6E8E;}

/* Ключевые суммы (ФОТ/итог) — янтарный текст для фокуса «деньги» */
.h2 .text-success,.display-6,.fs-1.fw-bold,.gd-money{color:var(--color-accent-700)!important;}

/* Плашка демо */
.demo-banner{background:var(--color-primary-50);border:1px solid var(--color-primary-200);color:var(--color-primary-900);}

/* Поля ввода — фокус-кольцо бренда */
.form-control:focus,.form-select:focus{border-color:var(--color-primary-600);box-shadow:var(--focus-ring);}
/* Фокус a11y */
a:focus-visible,.btn:focus-visible,.form-control:focus-visible,.form-select:focus-visible,.nav-link:focus-visible{
  outline:2px solid var(--color-primary-600);outline-offset:2px;}

/* ── Тёмная тема (личный кабинет / PWA) ── */
[data-bs-theme="dark"]{
  --gd-bg:#0F1E18;
  --color-bg:#0F1E18; --color-surface:#15271F; --color-border:#25382E;
  --color-ink:#EAF3EE; --color-muted:#9DB4A9;
  --color-primary-600:#1FAE82; --color-primary-800:#9CD6C0;
  --bs-body-bg:#0F1E18; --bs-body-color:#EAF3EE; --bs-border-color:#25382E;
}
[data-bs-theme="dark"] body{background:#0F1E18;color:#EAF3EE;}
[data-bs-theme="dark"] .card{background:#15271F;border-color:#25382E;}
[data-bs-theme="dark"] .bg-white{background:#15271F!important;}
[data-bs-theme="dark"] .bg-light{background:#1B2E25!important;}
[data-bs-theme="dark"] .form-control,[data-bs-theme="dark"] .form-select{background:#15271F;color:#EAF3EE;border-color:#25382E;}
[data-bs-theme="dark"] .table{--bs-table-color:#EAF3EE;--bs-table-border-color:#25382E;}
[data-bs-theme="dark"] .table-light,[data-bs-theme="dark"] thead.table-light th{background:#1B2E25!important;color:#cfe0d6!important;border-color:#25382E!important;}
[data-bs-theme="dark"] .text-muted{color:#9DB4A9!important;}
[data-bs-theme="dark"] .btn-primary{--bs-btn-bg:#1FAE82;--bs-btn-border-color:#1FAE82;--bs-btn-hover-bg:#14946F;--bs-btn-hover-border-color:#14946F;}
[data-bs-theme="dark"] a{color:#9CD6C0;} [data-bs-theme="dark"] a:hover{color:#1FAE82;}
[data-bs-theme="dark"] .demo-banner{background:#123528;border-color:#1f5d44;color:#cfe9dd;}
[data-bs-theme="dark"] .modal-content,[data-bs-theme="dark"] .dropdown-menu{background:#15271F;color:#EAF3EE;}
