/* Настройки оформления: шрифты, цвета, темы, движение. Меняются без правки интерфейса. */
@font-face{font-family:Unbounded;font-weight:500;font-display:swap;src:url(fonts/unbounded-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-weight:500;font-display:swap;src:url(fonts/unbounded-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20BD,U+2212}
@font-face{font-family:Unbounded;font-weight:700;font-display:swap;src:url(fonts/unbounded-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-weight:700;font-display:swap;src:url(fonts/unbounded-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20BD,U+2212}
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(fonts/manrope-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(fonts/manrope-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20BD,U+2212}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(fonts/manrope-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(fonts/manrope-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20BD,U+2212}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(fonts/manrope-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20BD,U+2212}

:root{
  --f-display:Unbounded,Manrope,system-ui,sans-serif;
  --f-text:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;

  --bg:#f5f2ec; --bg2:#ece7f7; --surface:#ffffff; --glass:rgba(255,255,255,.66); --glass-b:rgba(255,255,255,.85);
  --ink:#16132b; --ink2:#3a3654; --muted:#5d5975; --line:rgba(22,19,43,.12);
  --accent:#5845e0; --accent-ink:#fff; --focus:#5845e0;
  --sky-a:#c9d6ff; --sky-b:#ffe9d6; --ground:#e8e2d6; --ground-b:#d8cfbf;
  --shadow:0 18px 40px -18px rgba(30,20,80,.35);

  /* насыщенные градиенты: верх / середина / низ */
  --violet-a:#8a7bff; --violet:#5845e0; --violet-b:#3a28b5;
  --orange-a:#ffa064; --orange:#f06a2c; --orange-b:#c24a12;
  --teal-a:#4fd8c4; --teal:#13a08c; --teal-b:#0a7265;
  --gold-a:#ffd66b; --gold:#f2b01e; --gold-b:#c98a00;
  --rose-a:#ff8fb1; --rose:#e9467a; --rose-b:#b52458;
  --blue-a:#76a9ff; --blue:#2f6fe0; --blue-b:#1c4fb0;
  --green-a:#7ee08a; --green:#2fa84a; --green-b:#1d7a33;
  --red-a:#ff8a7a; --red:#e0413a; --red-b:#a92620;

  --ok:#1d7a33; --bad:#b52438; --ok-bg:#e3f6e8; --bad-bg:#fde6ea;

  --ease-out:cubic-bezier(.23,1,.32,1); --ease-move:cubic-bezier(.77,0,.175,1);
  --r-lg:34px; --r-md:22px; --r-sm:14px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0f0d1f; --bg2:#17143a; --surface:#1c1938; --glass:rgba(28,25,56,.62); --glass-b:rgba(255,255,255,.12);
    --ink:#f2f0fb; --ink2:#cfcae6; --muted:#a6a1c2; --line:rgba(255,255,255,.12);
    --accent:#a397ff; --accent-ink:#120f2a; --focus:#c2b9ff;
    --sky-a:#1b1850; --sky-b:#3a1f4d; --ground:#26224a; --ground-b:#1c1940;
    --shadow:0 18px 40px -18px rgba(0,0,0,.7);
    --ok:#7ee08a; --bad:#ff8fa3; --ok-bg:rgba(47,168,74,.18); --bad-bg:rgba(233,70,122,.18);
  }
}
:root[data-theme="dark"]{
  --bg:#0f0d1f; --bg2:#17143a; --surface:#1c1938; --glass:rgba(28,25,56,.62); --glass-b:rgba(255,255,255,.12);
  --ink:#f2f0fb; --ink2:#cfcae6; --muted:#a6a1c2; --line:rgba(255,255,255,.12);
  --accent:#a397ff; --accent-ink:#120f2a; --focus:#c2b9ff;
  --sky-a:#1b1850; --sky-b:#3a1f4d; --ground:#26224a; --ground-b:#1c1940;
  --shadow:0 18px 40px -18px rgba(0,0,0,.7);
  --ok:#7ee08a; --bad:#ff8fa3; --ok-bg:rgba(47,168,74,.18); --bad-bg:rgba(233,70,122,.18);
}