/* Варианты цветового оформления для сравнения. Без атрибута — «Полярная ночь». */
@font-face{font-family:"Tektur";src:url(fonts/tektur-cyr.woff2) format("woff2");font-weight:400 900;font-stretch:75% 100%;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Tektur";src:url(fonts/tektur-lat.woff2) format("woff2");font-weight:400 900;font-stretch:75% 100%;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20BD,U+2212}

/* Хвоя: тайга, лишайник, смола */
:root[data-palette="spruce"]{
  --ice:#E8ECE6; --sheet:#F6F8F4; --ink:#1B2620; --steel:#4F5E55; --rib:#CDD5CC; --rib2:#B8C3B8; --line:#C6D0C5;
  --seam:#3E9B8A; --cold:#3E9B8A; --foam:#F0C64A; --foam2:#D1A42A; --on-foam:#231C08;
  --polar:#1C352B; --polar2:#26473A; --on-polar:#E6EEE8; --frost:#A6D8C6; color-scheme:light}
/* Графит: бетон, металл, сигнальный оранжевый */
:root[data-palette="graphite"]{
  --ice:#ECECEA; --sheet:#F7F7F5; --ink:#1B1C1E; --steel:#5A5D62; --rib:#D2D3D3; --rib2:#BDBEC0; --line:#CFCFCD;
  --seam:#F06A23; --cold:#F06A23; --foam:#F2C641; --foam2:#D3A522; --on-foam:#231C08;
  --polar:#232528; --polar2:#2F3236; --on-polar:#EDEDEB; --frost:#F5A06E; color-scheme:light}
/* Сияние: морозный снег, ночное небо, зелёный свет */
:root[data-palette="aurora"]{
  --ice:#ECEEF5; --sheet:#F8F9FC; --ink:#191C33; --steel:#545A75; --rib:#D0D4E3; --rib2:#BCC1D5; --line:#CDD1E0;
  --seam:#2FB894; --cold:#2FB894; --foam:#F3C84F; --foam2:#D5A72E; --on-foam:#231C08;
  --polar:#1A1E3C; --polar2:#252B52; --on-polar:#E8EAF4; --frost:#7FE3C6; color-scheme:light}

.pal{display:none!important;position:fixed;z-index:40;left:max(12px,env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;
  background:var(--sheet);border:1px solid var(--line);box-shadow:0 10px 30px -12px rgba(0,0,0,.35);font:500 13px/1 "Geologica",system-ui,sans-serif;color:var(--steel)}
.pal button{all:unset;cursor:pointer;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7);position:relative}
.pal button[aria-pressed="true"]{outline:2px solid var(--ink);outline-offset:2px}
.pal button:focus-visible{outline:3px solid var(--cold);outline-offset:2px}