:root {
  --paper: #F0F1EE;
  --ink: #1E211F;
  --ink-soft: rgba(30, 33, 31, .55);
  --rule: rgba(30, 33, 31, .14);
  --panel: #FFFFFF;
  --tint-strength: .55;
  --mauve-f: #DACDE2;
  --mauve-t: #2E2338;
  --mauve-l: #8E77A0;
  --sage-f: #CFDCCB;
  --sage-t: #25332A;
  --sage-l: #7E9576;
  --blue-f: #C6D6E4;
  --blue-t: #1F2E3A;
  --blue-l: #6E8FA8;
  --sand-f: #EBD4B4;
  --sand-t: #3A2C1B;
  --sand-l: #B08E5E;
  --display: "Archivo", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --ease-lift: cubic-bezier(.16, .8, .24, 1);
  --dur-lift: .5s;
  --dur-press: .12s;
  --wrap: 1180px;
  --gap: 20px;
  --pad-tile: 32px;
  --radius: 0px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #131614;
    --ink: #E9EBE6;
    --ink-soft: rgba(233, 235, 230, .52);
    --rule: rgba(233, 235, 230, .14);
    --panel: #1B1E1C;
    --tint-strength: .40;
    --mauve-f: #33283C;
    --mauve-t: #E6DCEC;
    --mauve-l: #A288B4;
    --sage-f: #2B3A2C;
    --sage-t: #DCE8D8;
    --sage-l: #7FA07C;
    --blue-f: #233442;
    --blue-t: #D9E6EF;
    --blue-l: #7BA0BC;
    --sand-f: #3B2F20;
    --sand-t: #F0E1CA;
    --sand-l: #C6A472;
  }
}

:root[data-theme="dark"] {
  --paper: #131614;
  --ink: #E9EBE6;
  --ink-soft: rgba(233, 235, 230, .52);
  --rule: rgba(233, 235, 230, .14);
  --panel: #1B1E1C;
  --tint-strength: .40;
  --mauve-f: #33283C;
  --mauve-t: #E6DCEC;
  --mauve-l: #A288B4;
  --sage-f: #2B3A2C;
  --sage-t: #DCE8D8;
  --sage-l: #7FA07C;
  --blue-f: #233442;
  --blue-t: #D9E6EF;
  --blue-l: #7BA0BC;
  --sand-f: #3B2F20;
  --sand-t: #F0E1CA;
  --sand-l: #C6A472;
}