:root{
  --surface: #F2EFE8;
  --surface-raised: #FBF9F4;
  --ink: #142024;
  --muted: #4E5D5F;
  --line: #CFCAC0;
  --spruce: #1F4D45;
  --tide: #0E3A4A;
  --seaglass: #8FC1B0;
  --signal: #C2622D;
  --on-brand: #F2EFE8;
  --space-2: 8px;
  --space-4: 16px;
  --space-8: 32px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --font-display: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-sans: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --surface: #12191B;
  --surface-raised: #1A2427;
  --ink: #E9EEEA;
  --muted: #9FB0AE;
  --line: #2A3638;
  --spruce: #5FA394;
  --tide: #2C6E84;
  --seaglass: #8FC1B0;
  --signal: #E07A3F;
  --on-brand: #12191B;
}}
:root[data-theme="dark"]{
  --surface: #12191B;
  --surface-raised: #1A2427;
  --ink: #E9EEEA;
  --muted: #9FB0AE;
  --line: #2A3638;
  --spruce: #5FA394;
  --tide: #2C6E84;
  --seaglass: #8FC1B0;
  --signal: #E07A3F;
  --on-brand: #12191B;
}