/* ScaleIO tokens v2.0.0, generated from tokens.json by build_tokens.py. Do not edit. */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,300..900&display=swap");

:root{
  --paper:#F3F0EA;
  --white:#FFFFFF;
  --mist:#F4F4F2;
  --bone:#EDEAE3;
  --ink:#111111;
  --ink-2:#3A3835;
  --grey:#6B6863;
  --grey-2:#9A968F;
  --line:#D9D5CD;
  --line-2:#E7E3DB;
  --panel:#1C1B19;
  --panel-2:#242320;
  --panel-line:#2A2926;
  --panel-line-2:#34322E;
  --cell:#4A4843;
  --go:#009966;
  --go-text:#0B7A4E;
  --go-ink:#1DBF84;
  --go-wash:#E3F2EA;
  --go-wash-dark:#12281F;
  --error:#B42318;
  --error-ink:#FF7A6B;
  --error-wash:#FBE9E7;
  --error-wash-dark:#2E1714;
  --whatsapp:#25D366;
  --font:'Archivo', sans-serif;
  --angle:-15deg;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-24:96px;
  --radius-xs:3px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:14px;
  --radius-tile:24px;
  --radius-pill:999px;
  --shadow-pop:0 30px 60px -40px rgb(17 17 17 / .35);
  --shadow-float:0 12px 28px -12px rgb(17 17 17 / .3);
  --dur-fast:120ms;
  --dur-base:180ms;
  --dur-slow:260ms;
  --ease:cubic-bezier(.2,.7,.2,1);
  --size-display:116px;
  --size-h1:64px;
  --size-h2:44px;
  --size-h3:28px;
  --size-h4:18px;
  --size-body:16px;
  --size-small:13px;
  --size-label:11px;
  --size-metric:40px;
  --size-condensed-display:96px;
}
:root,[data-theme="light"]{
  --bg:#F3F0EA;
  --surface:#FFFFFF;
  --surface-2:#F8F6F1;
  --sunken:#EDEAE3;
  --line:#D9D5CD;
  --line-2:#E7E3DB;
  --text:#111111;
  --text-2:#3A3835;
  --text-3:#6B6863;
  --disabled:#9A968F;
  --go:#009966;
  --go-text:#0B7A4E;
  --go-button:#0B7A4E;
  --on-go:#FFFFFF;
  --go-wash:#E3F2EA;
  --error:#B42318;
  --error-wash:#FBE9E7;
  --rail:#FFFFFF;
  --rail-active:#F3F0EA;
  --move:#111111;
  --on-move:#F3F0EA;
  --move-wedge:#1DBF84;
  --cell:#E2DED5;
  --focus:#009966;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#111111;
    --surface:#1C1B19;
    --surface-2:#242320;
    --sunken:#0B0B0A;
    --line:#2A2926;
    --line-2:#34322E;
    --text:#EDEAE3;
    --text-2:#C9C5BD;
    --text-3:#9A968F;
    --disabled:#6B6863;
    --go:#1DBF84;
    --go-text:#1DBF84;
    --go-button:#1DBF84;
    --on-go:#111111;
    --go-wash:#12281F;
    --error:#FF7A6B;
    --error-wash:#2E1714;
    --rail:#1C1B19;
    --rail-active:#242320;
    --move:#0B0B0A;
    --on-move:#EDEAE3;
    --move-wedge:#1DBF84;
    --cell:#34322E;
    --focus:#1DBF84;
    color-scheme:dark;
  }
}
[data-theme="dark"]{
  --bg:#111111;
  --surface:#1C1B19;
  --surface-2:#242320;
  --sunken:#0B0B0A;
  --line:#2A2926;
  --line-2:#34322E;
  --text:#EDEAE3;
  --text-2:#C9C5BD;
  --text-3:#9A968F;
  --disabled:#6B6863;
  --go:#1DBF84;
  --go-text:#1DBF84;
  --go-button:#1DBF84;
  --on-go:#111111;
  --go-wash:#12281F;
  --error:#FF7A6B;
  --error-wash:#2E1714;
  --rail:#1C1B19;
  --rail-active:#242320;
  --move:#0B0B0A;
  --on-move:#EDEAE3;
  --move-wedge:#1DBF84;
  --cell:#34322E;
  --focus:#1DBF84;
  color-scheme:dark;
}

/* Archivo widths */
.cond{font-stretch:62%;font-weight:800;text-transform:uppercase;letter-spacing:-.005em}
.wide{font-stretch:118%;font-weight:500;text-transform:uppercase;letter-spacing:.12em}
.num{font-variant-numeric:tabular-nums}
/* the wedge: your move */
.w{display:inline-block;width:.46em;height:.5em;background:var(--go);clip-path:polygon(0 0,100% 50%,0 100%);transform:rotate(var(--angle));margin-left:.06em;vertical-align:.02em}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
