/* Цветовые темы. Включаются адресом: ?light (белая), ?cream (кремовая), ?brown (светло-коричневая). Без параметра сайт тёмный.
   Чтобы убрать темы: удалить этот файл, строку link на него и скрипт выбора темы в начале index.html. */

html[data-theme=light]{--bg:#fff;--bg2:#f7f6f2;--surf:#f1efea;--line:rgba(0,0,0,.1);--line2:rgba(0,0,0,.2);--text:#161614;--muted:#6d6a63;--gray:#e6e3dc;
  --t-hi:#000;--t-soft:#55524b;--t-soft2:#4a4741;--t-glass:rgba(255,255,255,.92);--t-glass2:rgba(255,255,255,.88);--t-hov:rgba(0,0,0,.06);
  --t-dis:#b4b0a7;--t-busy:#c4948d;--t-mid:rgba(22,22,20,.1);--t-gray2:#d4d1c9;--t-gray3:#efede7;--t-scrim:rgba(20,20,18,.45);--t-pop:#fff;--t-err:#b3392b}

html[data-theme=cream]{--bg:#f6efe2;--bg2:#efe6d4;--surf:#e8ddc8;--line:rgba(60,40,15,.14);--line2:rgba(60,40,15,.26);--text:#2a2218;--muted:#7a6e5c;--gray:#ddd1ba;
  --t-hi:#120d06;--t-soft:#5c5242;--t-soft2:#4d4436;--t-glass:rgba(246,239,226,.93);--t-glass2:rgba(246,239,226,.9);--t-hov:rgba(60,40,15,.08);
  --t-dis:#b8ad98;--t-busy:#b9806f;--t-mid:rgba(42,34,24,.12);--t-gray2:#d3c6ac;--t-gray3:#e9dfca;--t-scrim:rgba(30,20,8,.5);--t-pop:#f6efe2;--t-err:#a8392a}

html[data-theme=brown]{--bg:#e6d5bd;--bg2:#ddcab0;--surf:#d3bfa3;--line:rgba(55,34,14,.18);--line2:rgba(55,34,14,.3);--text:#2b1c10;--muted:#6b5640;--gray:#cbb695;
  --t-hi:#120a03;--t-soft:#53402b;--t-soft2:#46341f;--t-glass:rgba(230,213,189,.94);--t-glass2:rgba(230,213,189,.9);--t-hov:rgba(55,34,14,.09);
  --t-dis:#ad9c82;--t-busy:#a8705b;--t-mid:rgba(43,28,16,.14);--t-gray2:#c4ad8a;--t-gray3:#d9c6a6;--t-scrim:rgba(30,18,6,.55);--t-pop:#e6d5bd;--t-err:#9f3322}

html[data-theme]{color-scheme:light}

/* тёмные зоны: главный экран с видео, шапка поверх него, мобильное меню */
html[data-theme] .hero,
html[data-theme] .header:not(.solid),
html[data-theme] .mnav{--text:#ebe7df;--muted:#8f8c86;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);color:var(--text)}
html[data-theme] .hero .btn.solid{color:#0b0b0c}
html[data-theme] .hero a.btn:hover{border-color:#fff}

/* шапка и логотип */
html[data-theme] .header.solid{background:var(--t-glass)}
html[data-theme] .logo{background:var(--text)}
html[data-theme] .header:not(.solid) .logo{background:#fff}
html[data-theme] .header.solid .nav a,
html[data-theme] .header.solid .hbtn{color:var(--t-soft2)}
html[data-theme] .header.solid .nav a:hover{color:var(--t-hi)}
html[data-theme] .header.solid .hbtn:hover{color:var(--t-hi);border-color:var(--t-hi)}

/* кнопки */
html[data-theme] .btn.solid,
html[data-theme] .btn.solid:disabled,
html[data-theme] .tile[aria-pressed=true],
html[data-theme] .tile[aria-pressed=true]:disabled,
html[data-theme] .tag2.on,
html[data-theme] .cal-g .hd.today,
html[data-theme] .bar.s-issued,
html[data-theme] .toast{color:var(--bg)}
html[data-theme] a.btn:hover,
html[data-theme] .kcard:hover,
html[data-theme] .st.ok{border-color:var(--t-hi)}
html[data-theme] .foot a:hover,
html[data-theme] .back:hover,
html[data-theme] .tabs2 a.tb:hover,
html[data-theme] .tabs2 button:hover,
html[data-theme] .lnk:hover,
html[data-theme] .mx:hover,
html[data-theme] .lbtn:hover,
html[data-theme] .tile:not(:disabled):hover{color:var(--t-hi)}
html[data-theme] input:focus,
html[data-theme] select:focus,
html[data-theme] textarea:focus,
html[data-theme] .phone:focus-within{border-color:var(--t-hi)}

/* вторичный текст */
html[data-theme] .cdesc,
html[data-theme] .specs,
html[data-theme] .cinc{color:var(--t-soft)}
html[data-theme] .bk-sum div,
html[data-theme] .aside li,
html[data-theme] .sent p,
html[data-theme] .foot a,
html[data-theme] .foot .ft p,
html[data-theme] .rev p{color:var(--t-soft2)}
html[data-theme] .err,
html[data-theme] .lbtn.red,
html[data-theme] .ok-msg.bad,
html[data-theme] .ok-msg.bad svg{color:var(--t-err);stroke:var(--t-err)}
html[data-theme] .err,
html[data-theme] .lbtn.red{stroke:none}
html[data-theme] .ok-msg svg{stroke:var(--text)}

/* карточки и картинки */
html[data-theme] .tag{background:var(--t-glass2)}
html[data-theme] .fav{background:var(--t-glass2)}
html[data-theme] .fav svg{stroke:var(--text)}
html[data-theme] .shot.gray,
html[data-theme] .wf-map,
html[data-theme] .bk .ph,
html[data-theme] .bk2 .ph,
html[data-theme] .kcard .th,
html[data-theme] .tbl .th,
html[data-theme] .hb .t{background:var(--gray)}
html[data-theme] .cg-th[aria-pressed=true]{border-color:var(--text)}
html[data-theme] summary::after{background:linear-gradient(var(--text),var(--text)) center/100% 1px no-repeat,linear-gradient(var(--text),var(--text)) center/1px 100% no-repeat}

/* календарь выбора дат */
html[data-theme] .cal-d button:hover:not([disabled]){background:var(--t-hov)}
html[data-theme] .cal-d button[disabled]{color:var(--t-dis)}
html[data-theme] .cal-d button.busy{color:var(--t-busy)}
html[data-theme] .cal-d button.mid{background:var(--t-mid)}
html[data-theme] .cal-d button.edge{background:var(--text);color:var(--bg)}
html[data-theme] .cal-l i[style*="e9e4d8"]{background:var(--text)!important}
html[data-theme] .cal-l i[style*="6b4a46"]{background:var(--t-busy)!important}

/* админка */
html[data-theme] .cal-g .bar{background:var(--gray)}
html[data-theme] .bar.s-confirmed,
html[data-theme] .legend .l-confirmed i,
html[data-theme] .chart i{background:var(--t-gray2)}
html[data-theme] .chart i.on,
html[data-theme] .legend .l-issued i{background:var(--text)}
html[data-theme] .bar.s-returned,
html[data-theme] .legend .l-returned i{background:var(--t-gray3)}

/* поверхности */
html[data-theme] .cat-bar{background:var(--t-glass)}
html[data-theme] .social{background:var(--t-glass2)}
html[data-theme] .social button:hover,
html[data-theme] .plist li:hover,
html[data-theme] .plist li[aria-selected=true]{background:var(--t-hov)}
html[data-theme] .plist{background:var(--t-pop);box-shadow:0 8px 24px rgba(0,0,0,.12)}
html[data-theme] select option{background:var(--t-pop)}
html[data-theme] .modal{background:var(--t-scrim)}
html[data-theme] .fl{box-shadow:0 0 0 1px var(--line2)}