/* Generated from palette.json by scripts/css.py. Do not edit by hand. */

/* dark */
:root {
  color-scheme: dark;
  --dv-accent: #FF7800;
  --dv-bg: #0D0E10;
  --dv-bg-elevated: #1A1D21;
  --dv-border: #454B52;
  --dv-control-border: #6B727A;
  --dv-focus: #FFFFFF;
  --dv-meter-unlit: #2C3238;
  --dv-status-needs-pick: #F5A623;
  --dv-status-owned: #35D07F;
  --dv-status-playing: #2BD4E4;
  --dv-status-stop: #F5493D;
  --dv-surface: #30353D;
  --dv-text-on-stop: #0D0E10;
  --dv-text-primary: #F2F4F6;
  --dv-text-secondary: #9BA3AB;
  --dv-text-on-accent: #0D0E10;
  --dv-accent-text: var(--dv-accent);
  --dv-glow: 0 0 .28em rgb(242 244 246 / .16);
  --dv-font-display: "Michroma", system-ui, sans-serif;
  --dv-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --dv-font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --dv-display-stroke: .034em;
  --dv-display-tracking: .01em;
}
@supports (color: color(display-p3 1 1 1)) {
  :root {
    --dv-accent: color(display-p3 0.936 0.502 0.186);
  }
}

/* dark, increased contrast */
@media (prefers-contrast: more) {
  :root {
    --dv-accent: #FF9E4A;
    --dv-bg: #0D0E10;
    --dv-bg-elevated: #1A1D21;
    --dv-border: #8B939C;
    --dv-control-border: #A8AFB6;
    --dv-focus: #FFFFFF;
    --dv-meter-unlit: #2C3238;
    --dv-status-needs-pick: #FFC15C;
    --dv-status-owned: #5BE49B;
    --dv-status-playing: #5CE6F2;
    --dv-status-stop: #FF7A70;
    --dv-surface: #30353D;
    --dv-text-on-stop: #0D0E10;
    --dv-text-primary: #FFFFFF;
    --dv-text-secondary: #C4CAD0;
    --dv-text-on-accent: #000000;
    --dv-accent-text: var(--dv-accent);
  }
  @supports (color: color(display-p3 1 1 1)) {
    :root {
      --dv-accent: color(display-p3 1 0.64 0.36);
    }
  }
}

/* light */
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --dv-bg: #F4F5F7;
    --dv-bg-elevated: #FFFFFF;
    --dv-surface: #E9ECEF;
    --dv-border: #D0D5DA;
    --dv-control-border: #858E97;
    --dv-text-primary: #1A1D21;
    --dv-text-secondary: #5C6670;
    --dv-text-on-stop: #FFFFFF;
    --dv-text-on-accent: #0D0E10;
    --dv-accent: #FF7800;
    --dv-accent-text: #BD4D00;
    --dv-status-owned: #1C7949;
    --dv-status-playing: #10757F;
    --dv-status-needs-pick: #A16100;
    --dv-status-stop: #D3180B;
    --dv-focus: #1A1D21;
    --dv-meter-unlit: #DDE1E6;
  }
  @supports (color: color(display-p3 1 1 1)) {
    :root {
      --dv-accent: color(display-p3 0.936 0.502 0.186);
    }
  }
}

/* light, increased contrast */
@media (prefers-color-scheme: light) and (prefers-contrast: more) {
  :root {
    --dv-bg: #F4F5F7;
    --dv-bg-elevated: #FFFFFF;
    --dv-surface: #E9ECEF;
    --dv-border: #7A838C;
    --dv-control-border: #5C6670;
    --dv-text-primary: #000000;
    --dv-text-secondary: #3B434B;
    --dv-text-on-stop: #FFFFFF;
    --dv-text-on-accent: #000000;
    --dv-accent: #FF7800;
    --dv-accent-text: #834100;
    --dv-status-owned: #155935;
    --dv-status-playing: #0C565D;
    --dv-status-needs-pick: #6C4605;
    --dv-status-stop: #BA0C00;
    --dv-focus: #000000;
    --dv-meter-unlit: #DDE1E6;
  }
  @supports (color: color(display-p3 1 1 1)) {
    :root {
      --dv-accent: color(display-p3 0.936 0.502 0.186);
    }
  }
}