/* СГЕНЕРИРОВАНО design/build-tokens.mjs из design/glass-tokens.json — не править руками. */

:root{
  --brand-paper-base:#F6F8F3;
  --brand-paper-deep:#EAEFE3;
  --brand-ink-base:#1E2317;
  --brand-ink-soft:#5B6353;
  --brand-ink-faint:#8E9585;
  --brand-olive-base:#5A6247;
  --brand-olive-deep:#454B36;
  --brand-olive-tint:#EDEBD6;

  /* геометрия материала — одинакова в любом облике */
  --lg-nav-blur:22px;
  --lg-nav-saturate:1.4;
  --lg-nav-refraction:6;
  --lg-nav-radius:0px;
  --lg-overlay-blur:26px;
  --lg-overlay-saturate:1.5;
  --lg-overlay-refraction:10;
  --lg-overlay-radius:30px;
  --lg-panel-blur:20px;
  --lg-panel-saturate:1.4;
  --lg-panel-refraction:8;
  --lg-panel-radius:26px;
  --lg-control-blur:14px;
  --lg-control-saturate:1.3;
  --lg-control-refraction:4;
  --lg-control-radius:16px;

  --lg-fallback-surface-alpha:0.97;
  --lg-fallback-border-alpha:0.16;
  --lg-fallback-rim-top-alpha:0.55;
  --lg-fallback-high-contrast-border-alpha:0.9;
  --lg-motion-sheen-duration:5200ms;
  --lg-motion-press-scale:0.97;
  --lg-motion-press-duration:120ms;
}

:root,
[data-appearance="light"]{
  --lg-canvas:#F6F8F3;
  --lg-canvas-deep:#EAEFE3;
  --lg-ink:#1E2317;
  --lg-ink-muted:#5B6353;
  --lg-accent:#5A6247;
  --lg-on-solid:#F6F8F3;
  --lg-tint-rgb:255 255 255;
  --lg-specular-rgb:255 255 255;
  --lg-shadow-rgb:30 35 23;
  --lg-nav-tint-a:0.55;
  --lg-nav-border-a:0.8;
  --lg-nav-rim-top-a:0.95;
  --lg-nav-rim-bottom-a:0.3;
  --lg-nav-shadow-a:0.07;
  --lg-overlay-tint-a:0.62;
  --lg-overlay-border-a:0.85;
  --lg-overlay-rim-top-a:1;
  --lg-overlay-rim-bottom-a:0.35;
  --lg-overlay-shadow-a:0.16;
  --lg-panel-tint-a:0.58;
  --lg-panel-border-a:0.8;
  --lg-panel-rim-top-a:0.9;
  --lg-panel-rim-bottom-a:0.28;
  --lg-panel-shadow-a:0.1;
  --lg-control-tint-a:0.68;
  --lg-control-border-a:0.85;
  --lg-control-rim-top-a:1;
  --lg-control-rim-bottom-a:0.3;
  --lg-control-shadow-a:0.06;
  color-scheme:light;
}

[data-appearance="dark"]{
  --lg-canvas:#171A12;
  --lg-canvas-deep:#0F1109;
  --lg-ink:#EDF0E8;
  --lg-ink-muted:#A2AA97;
  --lg-accent:#AEB79A;
  --lg-on-solid:#171A12;
  --lg-tint-rgb:255 255 255;
  --lg-specular-rgb:255 255 255;
  --lg-shadow-rgb:0 0 0;
  --lg-nav-tint-a:0.1045;
  --lg-nav-border-a:0.176;
  --lg-nav-rim-top-a:0.285;
  --lg-nav-rim-bottom-a:0.075;
  --lg-nav-shadow-a:0.168;
  --lg-overlay-tint-a:0.1178;
  --lg-overlay-border-a:0.187;
  --lg-overlay-rim-top-a:0.3;
  --lg-overlay-rim-bottom-a:0.0875;
  --lg-overlay-shadow-a:0.384;
  --lg-panel-tint-a:0.1102;
  --lg-panel-border-a:0.176;
  --lg-panel-rim-top-a:0.27;
  --lg-panel-rim-bottom-a:0.07;
  --lg-panel-shadow-a:0.24;
  --lg-control-tint-a:0.1292;
  --lg-control-border-a:0.187;
  --lg-control-rim-top-a:0.3;
  --lg-control-rim-bottom-a:0.075;
  --lg-control-shadow-a:0.144;
  color-scheme:dark;
}

/* Следование системной теме — по явному выбору, иначе облик продукта
   молча подменялся бы системным. */
@media (prefers-color-scheme: dark){
  [data-appearance="system"]{
    --lg-canvas:#171A12; --lg-canvas-deep:#0F1109;
    --lg-ink:#EDF0E8; --lg-ink-muted:#A2AA97;
    --lg-accent:#AEB79A; --lg-on-solid:#171A12;
    --lg-tint-rgb:255 255 255; --lg-specular-rgb:255 255 255;
    --lg-shadow-rgb:0 0 0;
    --lg-nav-tint-a:0.1045;
    --lg-nav-border-a:0.176;
    --lg-nav-rim-top-a:0.285;
    --lg-nav-rim-bottom-a:0.075;
    --lg-nav-shadow-a:0.168;
    --lg-overlay-tint-a:0.1178;
    --lg-overlay-border-a:0.187;
    --lg-overlay-rim-top-a:0.3;
    --lg-overlay-rim-bottom-a:0.0875;
    --lg-overlay-shadow-a:0.384;
    --lg-panel-tint-a:0.1102;
    --lg-panel-border-a:0.176;
    --lg-panel-rim-top-a:0.27;
    --lg-panel-rim-bottom-a:0.07;
    --lg-panel-shadow-a:0.24;
    --lg-control-tint-a:0.1292;
    --lg-control-border-a:0.187;
    --lg-control-rim-top-a:0.3;
    --lg-control-rim-bottom-a:0.075;
    --lg-control-shadow-a:0.144;
    color-scheme:dark;
  }
}