/* Единственный источник цветов и размеров интерфейса /app/. Значения = переменные макета design/gd-base.pen; менять только вместе с макетом. */

@font-face {
  font-family:"Unbounded";
  font-style:normal;
  font-weight:600 700;
  font-display:swap;
  src:url("fonts/Unbounded-cyrillic.4cfb17abc7db.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family:"Unbounded";
  font-style:normal;
  font-weight:600 700;
  font-display:swap;
  src:url("fonts/Unbounded-latin-ext.c07fbf1bfefa.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:"Unbounded";
  font-style:normal;
  font-weight:600 700;
  font-display:swap;
  src:url("fonts/Unbounded-latin.edd24a2b43a9.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:"Onest";
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url("fonts/Onest-cyrillic.d1abf183873c.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family:"Onest";
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url("fonts/Onest-latin-ext.3e2cb9888206.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:"Onest";
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url("fonts/Onest-latin.fd7dbbcb3633.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  --hub-bg:#1C1C20;
  --hub-card:#252527;
  --hub-pill:#2A2A2E;
  --hub-pill-h:#323237;
  --hub-text:#FFFFFF;
  --hub-text-2:#EFEFEF;
  --hub-muted:#90909E;
  --hub-line:rgba(255,255,255,.10);
  --hub-line-2:rgba(255,255,255,.16);
  --hub-track:rgba(255,255,255,.18);
  --hub-fill-3:rgba(255,255,255,.03);
  --hub-fill-2:rgba(255,255,255,.02);
  --hub-fill-4:rgba(255,255,255,.04);
  --hub-fill-5:rgba(255,255,255,.05);
  --hub-fill-7:rgba(255,255,255,.07);
  --hub-fill-8:rgba(255,255,255,.08);
  --hub-fill-20:rgba(255,255,255,.20);
  --hub-fill-45:rgba(255,255,255,.45);
  --hub-fill-70:rgba(255,255,255,.70);
  --hub-accent:#F0FF22;
  --hub-accent-hover:#F4FF5C;
  --hub-on-accent:#1C1C20;
  --hub-ink-2:rgba(28,28,32,.64);
  --hub-scrim:rgba(0,0,0,.65);
  --hub-accent-soft:rgba(240,255,34,.16);
  --hub-ok:#8CC49A;
  --hub-ok-soft:rgba(140,196,154,.14);
  --hub-warn:#D9A65A;
  --hub-warn-soft:rgba(217,166,90,.14);
  --hub-bad:#D9736B;
  --hub-bad-soft:rgba(217,115,107,.14);

  --hub-font-head:"Unbounded","Onest",-apple-system,system-ui,sans-serif;
  --hub-font-text:"Onest",-apple-system,system-ui,sans-serif;

  --hub-space-4:4px;
  --hub-space-6:6px;
  --hub-space-7:7px;
  --hub-space-8:8px;
  --hub-space-9:9px;
  --hub-space-10:10px;
  --hub-space-12:12px;
  --hub-space-14:14px;
  --hub-space-16:16px;
  --hub-space-18:18px;
  --hub-space-20:20px;
  --hub-space-24:24px;
  --hub-space-32:32px;
  --hub-space-36:36px;

  --hub-radius-2:2px;
  --hub-radius-4:4px;
  --hub-radius-5:5px;
  --hub-radius-8:8px;
  --hub-radius-10:10px;
  --hub-radius-12:12px;
  --hub-radius-14:14px;
  --hub-radius-16:16px;
  --hub-radius-18:18px;
  --hub-radius-20:20px;
  --hub-radius-50:50px;
  --hub-radius-999:999px;

  --hub-fs-9:9px;
  --hub-fs-10:10px;
  --hub-fs-11:11px;
  --hub-fs-12:12px;
  --hub-fs-13:13px;
  --hub-fs-14:14px;
  --hub-fs-15:15px;
  --hub-fs-16:16px;
  --hub-fs-17:17px;
  --hub-fs-18:18px;
  --hub-fs-20:20px;
  --hub-fs-22:22px;
  --hub-fs-24:24px;
  --hub-fs-26:26px;
  --hub-fs-28:28px;
  --hub-fs-30:30px;
  --hub-fs-32:32px;
  --hub-fs-36:36px;
  --hub-fs-44:44px;
}