/* GENERATED from house/palette.py by desk/theme.py. Do not edit — edit the palette. */
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url('/fonts/archivo.woff2') format('woff2'); }
:root {
  --font-sans: "Archivo", ui-sans-serif, system-ui, sans-serif;
  --paper: #FFFFFF;
  --band: #F4F5FC;
  --hair: #D9DBEA;
  --rule: #0D0E1A;
  --ink: #22253A;
  --muted: #4A4E63;
  --heading: #0D0E1A;
  --control: #0D0E1A;
  --recessed: #FFFFFF;
  --accent: #2633D4;
  --link: #2633D4;
  --mark: #2633D4;
  --warn: #FFF3C2;
  --warn-ink: #8F2A10;
  --key-problem: #C2451E;
  --key-gap: #E8B500;
  --key-note: #A3A7BA;
  --key-clear: #2633D4;
  --up: #1D27A8;
  --down: #8F2A10;
  --chart: #2633D4;
  --field: #2633D4;
  --on-field: #FFFFFF;
  --on-field-muted: #C9CDF7;
  --field-rule: #5560E0;
  --spark: #D4F24A;
  --footer: #0D0E1A;
  --footer-edge: #0D0E1A;
  --on-footer-muted: #A9ADC4;
}
/* house/palette.py's DARK says what moves and why. */
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0E0F16;
    --band: #171926;
    --hair: #2A2D40;
    --rule: #C9CCE0;
    --ink: #D6D8E6;
    --muted: #A3A7BF;
    --heading: #F2F3FA;
    --control: #6A6E88;
    --recessed: #171926;
    --accent: #9FA8FF;
    --link: #9FA8FF;
    --mark: #9FA8FF;
    --warn: #332A0A;
    --warn-ink: #FFB59E;
    --key-problem: #E0714F;
    --key-note: #6A6E88;
    --key-clear: #9FA8FF;
    --up: #B9C0FF;
    --down: #FFB59E;
    --chart: #9FA8FF;
    --footer-edge: #2A2D40;
  }
}