:root{
  --petrol-950:#022A30;
  --petrol-900:#03363D;
  --petrol-800:#004E57;
  --petrol-700:#00646F;
  --petrol-600:#007C87;
  --teal-500:#00A6A6;
  --teal-400:#28BDBB;
  --teal-300:#7FD1D0;
  --teal-100:#DDF2F1;
  --teal-050:#F0F8F8;
  --paper:#F3F6F6;
  --paper-2:#E7EEEF;
  --white:#FFFFFF;
  --ink:#142126;
  --ink-2:#2E444B;
  --muted:#5A6E74;
  --line:#D2DEE0;
  --line-strong:#A9BEC1;
  --signal:#D8232A;
  --amber:#E9A400;
  --amber-100:#FFF4D6;
  --shadow-sm:0 1px 0 rgba(4,45,51,.04),0 10px 30px rgba(4,45,51,.06);
  --shadow-lg:0 22px 60px rgba(4,45,51,.14);
  --radius:2px;
  --radius-lg:4px;
  --max:1280px;
  --header-h:78px;
  --font-sans:"Helvetica Neue","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
  --font-mono:"SFMono-Regular","Cascadia Code","Roboto Mono",Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
}