/* БауБа «Стикер» — токены. Общий файл для index.html и admin.html.
   Правило стиля: всё обведено контуром 2px; жёсткая тень — только у того, что нажимается, и у стикеров.
   На экранах денег и доступа (залог, оплаты, оферта, инструкция заселения) — без наклонов и без гуся; тень только у главной кнопки.
   Шрифты — свои woff2 (subset кириллица+латиница): Unbounded 800, Onest 400/700. */
:root{
  --paper:#FFFBF0;
  --surface:#FFFFFF;
  --sunken:#F6F0DF;
  --ink:#141210;
  --ink-2:#55504A;
  --line:#141210;
  --line-soft:#E7DFCB;
  --yellow:#F6C14B;
  --yellow-soft:#FCEBC2;
  --on-yellow:#141210;
  --action:#FF7A1F;
  --action-press:#EE6A0F;
  --on-action:#141210;
  --shadow:#141210;
  --focus:#141210;
  --ok:#0B6B36;
  --ok-soft:#CDEFD9;
  --warn:#8A4A00;
  --warn-soft:#FFE3B8;
  --danger:#B3261E;
  --danger-soft:#FFDAD5;
  --font-display:"Unbounded","Arial Black",system-ui,sans-serif;
  --font-text:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-d1:32px; --fs-d2:24px; --fs-d3:18px; --fs-code:17px; --fs-sum:36px;
  --fs-body:16px; --fs-small:14px; --fs-cap:12px;
  --lh-tight:1.08; --lh-body:1.5;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;
  --r-s:8px; --r-m:14px; --r-l:20px; --r-pill:999px;
  --bw:2px; --bw-soft:1.5px;
  --sh-off:3px; --sh-off-l:5px;
  --dur:120ms;
  --shadow-hard: var(--sh-off) var(--sh-off) 0 var(--shadow);
  --shadow-hard-l: var(--sh-off-l) var(--sh-off-l) 0 var(--shadow);
  color-scheme: light;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --paper:#12110F;
  --surface:#1E1C19;
  --sunken:#282521;
  --ink:#FFF8E7;
  --ink-2:#BDB4A5;
  --line:#FFF8E7;
  --line-soft:#3A352F;
  --yellow:#F6C14B;
  --yellow-soft:#3A2C12;
  --on-yellow:#141210;
  --action:#FF8A33;
  --action-press:#FF9C52;
  --on-action:#141210;
  --shadow:#F6C14B;
  --focus:#F6C14B;
  --ok:#6EDC9B;
  --ok-soft:#143322;
  --warn:#FFB65C;
  --warn-soft:#3A2810;
  --danger:#FF8A7E;
  --danger-soft:#3E1A16;
  color-scheme: dark; } }
:root[data-theme="dark"]{
  --paper:#12110F;
  --surface:#1E1C19;
  --sunken:#282521;
  --ink:#FFF8E7;
  --ink-2:#BDB4A5;
  --line:#FFF8E7;
  --line-soft:#3A352F;
  --yellow:#F6C14B;
  --yellow-soft:#3A2C12;
  --on-yellow:#141210;
  --action:#FF8A33;
  --action-press:#FF9C52;
  --on-action:#141210;
  --shadow:#F6C14B;
  --focus:#F6C14B;
  --ok:#6EDC9B;
  --ok-soft:#143322;
  --warn:#FFB65C;
  --warn-soft:#3A2810;
  --danger:#FF8A7E;
  --danger-soft:#3E1A16;
  color-scheme: dark; }