/* Generated by app/accent.py from the accent setting -- one colour, worked out
   for the preset in force. Nothing writes it to disk: it is built per answer
   and served from memory, because the answer is a row in the database. */
:root[data-preset="rubberkey"] {
  --accent: #1452db;
  --accent-fill: #2462eb;
  --on-accent: #ffffff;
  --accent-track: #bbc5db;
  --focus: #2563eb;
}
:root[data-preset="rubberkey"][data-theme="dark"] {
  --accent: #7099f2;
  --accent-fill: #2563eb;
  --on-accent: #ffffff;
  --accent-track: #101a32;
  --focus: #3f75ed;
}
@media (prefers-color-scheme: dark) {
  :root[data-preset="rubberkey"]:not([data-theme]) {
    --accent: #7099f2;
    --accent-fill: #2563eb;
    --on-accent: #ffffff;
    --accent-track: #101a32;
    --focus: #3f75ed;
  }
}
.accents [data-accent="preset"] {
  --accent-fill: #0000cd;
  --accent: #0000cd;
}
.accents [data-accent="blue"] {
  --accent-fill: #2462eb;
  --accent: #1452db;
}
.accents [data-accent="teal"] {
  --accent-fill: #0f766e;
  --accent: #0d6a63;
}
.accents [data-accent="green"] {
  --accent-fill: #157e3c;
  --accent: #126d34;
}
.accents [data-accent="amber"] {
  --accent-fill: #b05109;
  --accent: #994708;
}
.accents [data-accent="red"] {
  --accent-fill: #b91c1c;
  --accent: #b91c1c;
}
.accents [data-accent="magenta"] {
  --accent-fill: #a21caf;
  --accent: #9f1cac;
}
.accents [data-accent="violet"] {
  --accent-fill: #6d28d9;
  --accent: #6d28d9;
}
.accents [data-accent="slate"] {
  --accent-fill: #475569;
  --accent: #475569;
}
:root[data-theme="dark"] .accents [data-accent="preset"] {
  --accent-fill: #5ad1e6;
  --accent: #5ad1e6;
}
:root[data-theme="dark"] .accents [data-accent="blue"] {
  --accent-fill: #2563eb;
  --accent: #7099f2;
}
:root[data-theme="dark"] .accents [data-accent="teal"] {
  --accent-fill: #0f766e;
  --accent: #16ada1;
}
:root[data-theme="dark"] .accents [data-accent="green"] {
  --accent-fill: #15803d;
  --accent: #1db255;
}
:root[data-theme="dark"] .accents [data-accent="amber"] {
  --accent-fill: #b45309;
  --accent: #f37717;
}
:root[data-theme="dark"] .accents [data-accent="red"] {
  --accent-fill: #e23f3f;
  --accent: #eb7878;
}
:root[data-theme="dark"] .accents [data-accent="magenta"] {
  --accent-fill: #a91db6;
  --accent: #dd6ee8;
}
:root[data-theme="dark"] .accents [data-accent="violet"] {
  --accent-fill: #9461e3;
  --accent: #ae88ea;
}
:root[data-theme="dark"] .accents [data-accent="slate"] {
  --accent-fill: #576880;
  --accent: #8d9cb2;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .accents [data-accent="preset"] {
    --accent-fill: #5ad1e6;
    --accent: #5ad1e6;
  }
  :root:not([data-theme]) .accents [data-accent="blue"] {
    --accent-fill: #2563eb;
    --accent: #7099f2;
  }
  :root:not([data-theme]) .accents [data-accent="teal"] {
    --accent-fill: #0f766e;
    --accent: #16ada1;
  }
  :root:not([data-theme]) .accents [data-accent="green"] {
    --accent-fill: #15803d;
    --accent: #1db255;
  }
  :root:not([data-theme]) .accents [data-accent="amber"] {
    --accent-fill: #b45309;
    --accent: #f37717;
  }
  :root:not([data-theme]) .accents [data-accent="red"] {
    --accent-fill: #e23f3f;
    --accent: #eb7878;
  }
  :root:not([data-theme]) .accents [data-accent="magenta"] {
    --accent-fill: #a91db6;
    --accent: #dd6ee8;
  }
  :root:not([data-theme]) .accents [data-accent="violet"] {
    --accent-fill: #9461e3;
    --accent: #ae88ea;
  }
  :root:not([data-theme]) .accents [data-accent="slate"] {
    --accent-fill: #576880;
    --accent: #8d9cb2;
  }
}