/* Общая тема сайта vorphine.uk: цвета (светлая «Слоновая кость» и тёмная «Графит»), кнопки, шапка внутренних страниц, переключатель темы.
   Подключать ДО собственных стилей страницы. Переключение и запоминание темы: /theme.js. */
:root{
  color-scheme:light;
  --mist:#F8F6F1; --haze:#EDE9E0; --paper:#FFFFFF; --line:#DDD7CA; --line2:#BFB6A3; --mist-rgb:248,246,241;
  --ink:#0F2342; --ink2:#3A4B68; --mut:#5A6C88; --accent:#0E63C9;
  --pbg:#0E63C9; --pbg2:#0B52A8; --ptext:#FFFFFF; --hub:#0E63C9;
  --green:#0A8F63; --slate:#5B6F8F; --warn:#9A6B00; --bad:#C62F2F; --night:#0F2342; --onnight:#EAF1FB;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --mist:#17171A; --haze:#1D1D21; --paper:#26262C; --line:#33333B; --line2:#4A4A56; --mist-rgb:23,23,26;
  --ink:#F4F3F0; --ink2:#C7C5BF; --mut:#98968F; --accent:#6CC4F5;
  --pbg:#0E63C9; --pbg2:#2C79DA; --ptext:#FFFFFF; --hub:#3B8CF5;
  --green:#2BC98C; --slate:#9A98A2; --warn:#F2B93B; --bad:#FF7B7B; --night:#0F0F12; --onnight:#F4F3F0;
}
*{box-sizing:border-box}
body{background:var(--mist);color:var(--ink);font:400 17px/1.55 "Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}

/* смена темы: стандартную анимацию снимков отключаем, эффект задаёт /theme.js; запасной вариант — плавная смена цветов */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.theme-fade,html.theme-fade *{transition:background-color .45s ease,color .45s ease,border-color .45s ease,fill .45s ease,stroke .45s ease!important}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;font:600 16px/1 "Golos Text",sans-serif;padding:16px 26px;border-radius:12px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.btn.primary{background:var(--pbg);color:var(--ptext);box-shadow:0 1px 0 rgba(0,0,0,.25),0 8px 20px -10px rgba(14,99,201,.7)}
.btn.primary:hover{background:var(--pbg2)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.btn.ghost:hover{border-color:var(--ink2)}
.btn:active{transform:translateY(1px)}

/* переключатель темы */
.theme{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line2);background:transparent;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:border-color .15s,background .15s}
.theme:hover{border-color:var(--ink2);background:var(--paper)}
.theme .i-sun{display:none}
:root[data-theme="dark"] .theme .i-sun{display:block}
:root[data-theme="dark"] .theme .i-moon{display:none}

/* шапка внутренних страниц (оплата, поддержка, документы) */
.sh{position:sticky;top:0;z-index:30;background:rgba(var(--mist-rgb),.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.sh .in{max-width:var(--shw,980px);margin:0 auto;padding:0 20px;height:68px;display:flex;align-items:center;gap:12px}
.sh .home{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:800;font-size:19px;letter-spacing:-.01em;flex:0 0 auto}
.sh .home img{width:36px;height:36px;border-radius:50%}
.sh .sp{flex:1}
.sh nav{display:flex;gap:2px}
.sh nav a{color:var(--ink2);text-decoration:none;font-weight:500;font-size:15px;padding:8px 12px;border-radius:10px}
.sh nav a:hover,.sh nav a.active{color:var(--ink);background:var(--haze)}
@media(max-width:640px){.sh .in{gap:8px;padding:0 14px}.sh nav a{padding:8px 8px;font-size:14px}.sh .home{font-size:17px}}
@media(max-width:430px){.sh nav a:not(.keep){display:none}}