@font-face {
  font-family: "Archivo";
  src: url("/fonts/Archivo.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
}

:root, [data-theme="light"] {
  --paper: #f2f0eb;
  --paper-raised: #faf9f6;
  --stone-100: #e7e5df;
  --line: #d6d4ce;
  --ink: #111111;
  --ink-graphite: #3a3a38;
  --ink-muted: #6b6a66;
  --on-ink: #f2f0eb;
  --signal: #e8501a;
  --mat: #f7f6f2;
  --frame-black: #151514;
  --frame-oak: #c9b08a;
  --shadow-hang: 0 1px 1px rgba(17,17,17,0.08), 0 18px 36px -12px rgba(17,17,17,0.22);
}
[data-theme="dark"] {
  --paper: #0f0f0e;
  --paper-raised: #1a1a19;
  --stone-100: #232322;
  --line: #3a3a38;
  --ink: #ecebe6;
  --ink-graphite: #c9c7c1;
  --ink-muted: #9a9892;
  --on-ink: #0f0f0e;
  --signal: #ff6a2e;
  --mat: #f7f6f2;
  --frame-black: #151514;
  --frame-oak: #c9b08a;
  --shadow-hang: 0 1px 1px rgba(0,0,0,0.5), 0 18px 36px -12px rgba(0,0,0,0.7);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 104px;
  --space-8: 168px;
  --radius-0: 0;
  --radius-sm: 2px;
  --radius-full: 9999px;
  --stroke-hairline: 1px;
  --stroke-control: 1px;
  --stroke-frame: 12px;
  --font-display: "Archivo", Arial, sans-serif;
  --font-sans: "Archivo", Arial, sans-serif;
}