/* Токены soTi retail v0.1. Тёмная по умолчанию, светлая по [data-theme=light] или по настройке устройства. */
:root{
  --font: "Montserrat", system-ui, sans-serif;
  --gutter: clamp(16px,5vw,84px);
  --container: min(1320px, 100% - var(--gutter)*2);
  --header-h: 76px;
  --ease: cubic-bezier(.23,1,.32,1);
  --lab: #B04A2C; --lab-fg: #FFF8EE;
}
:root{
  --bg: #050505;
  --panel: #0c0c0b;
  --panel-2: #121110;
  --card: #0a0a09;
  --text: #f1eee8;
  --muted: #a8a39a;
  --gold: #c9a45c;
  --accent: #d8bc82;
  --nav: #d9d5cc;
  --btn-bg: #c9a45c;
  --btn-fg: #17120a;
  --btn-hover: #e3c78f;
  --field-line: rgba(255,255,255,.28);
  --line: rgba(255,255,255,.16);
  --badge-bg: #c9a45c;
  --badge-fg: #17120a;
}
:root[data-theme=light]{
  --bg: #e9e9e7;
  --panel: #dedede;
  --panel-2: #d3d3d1;
  --card: #f1f1ef;
  --text: #121212;
  --muted: #3b3b39;
  --gold: #6b5127;
  --accent: #6b5127;
  --nav: #3b3b39;
  --btn-bg: #161616;
  --btn-fg: #ececea;
  --btn-hover: #6b5127;
  --field-line: #8d8d8a;
  --line: rgba(0,0,0,.18);
  --badge-bg: #161616;
  --badge-fg: #ececea;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme=dark]):not([data-theme=light]){
    --bg: #e9e9e7;
    --panel: #dedede;
    --panel-2: #d3d3d1;
    --card: #f1f1ef;
    --text: #121212;
    --muted: #3b3b39;
    --gold: #6b5127;
    --accent: #6b5127;
    --nav: #3b3b39;
    --btn-bg: #161616;
    --btn-fg: #ececea;
    --btn-hover: #6b5127;
    --field-line: #8d8d8a;
    --line: rgba(0,0,0,.18);
    --badge-bg: #161616;
    --badge-fg: #ececea;
  }
}

/* v0.2 */
:root{--icon-stroke:1.6;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--gap-btn:12px;--tap:44px;--glass-blur:20px;--glass-r:6px}

/* v0.2 */
:root{--icon-stroke:1.6;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--gap-btn:12px;--tap:44px;--glass-blur:20px;--glass-r:6px}

/* v0.3 */
:root{--icon-stroke:1.6;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--gap-btn:12px;--tap:44px;--glass-blur:20px;--glass-r:6px}

/* v0.3 */
:root{--icon-stroke:1.6;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--gap-btn:12px;--tap:44px;--glass-blur:20px;--glass-r:6px}
