/* 2140 Studio colour. Generated by generate-palette.py, do not edit by hand.
   Signal outside, Tonhalle for dark surfaces: one family on two grounds. */
:root {
  --vermilion-50: #fff4f1;
  --vermilion-100: #ffe6e0;
  --vermilion-200: #ffcec3;
  --vermilion-300: #ffab99;
  --vermilion-400: #ff765f;
  --vermilion-500: #f93822;
  --vermilion-600: #e20202;
  --vermilion-700: #bf000e;
  --vermilion-800: #9c0513;
  --vermilion-900: #7d0f16;
  --vermilion-950: #4b050b;
  --cobalt-50: #f5f6ff;
  --cobalt-100: #e8ecfe;
  --cobalt-200: #d2dbfe;
  --cobalt-300: #b2c3ff;
  --cobalt-400: #88a3ff;
  --cobalt-500: #6087fe;
  --cobalt-600: #396bff;
  --cobalt-700: #1554ea;
  --cobalt-800: #0047bb;
  --cobalt-900: #073b95;
  --cobalt-950: #022059;
  --saffron-50: #fcf6e7;
  --saffron-100: #fcebc9;
  --saffron-200: #fcd894;
  --saffron-300: #ffb81c;
  --saffron-400: #e39802;
  --saffron-500: #c97e03;
  --saffron-600: #b26702;
  --saffron-700: #9b5201;
  --saffron-800: #833e01;
  --saffron-900: #702d00;
  --saffron-950: #441300;
  --graphite-50: #f8f8f6;
  --graphite-100: #ebebea;
  --graphite-200: #d9d9d6;
  --graphite-300: #c1c1bf;
  --graphite-400: #a3a3a1;
  --graphite-500: #898987;
  --graphite-600: #737371;
  --graphite-700: #5e5e5c;
  --graphite-800: #494948;
  --graphite-900: #383837;
  --graphite-950: #19191a;
}
:root, [data-theme="signal"] {
  --bg: var(--graphite-50);
  --surface: var(--graphite-100);
  --border: var(--graphite-200);
  --text: var(--graphite-950);
  --muted: var(--graphite-700);
  --accent: var(--vermilion-500);
  --accent-text: var(--vermilion-700);
  --accent-subtle: var(--vermilion-50);
  --on-accent: var(--graphite-950);
  --time: var(--cobalt-700);
  --highlight: var(--saffron-300);
  --on-highlight: var(--graphite-950);
  --focus: var(--cobalt-600);
  color-scheme: light;
}
[data-theme="tonhalle"] {
  --bg: var(--graphite-950);
  --surface: var(--graphite-900);
  --border: var(--graphite-800);
  --text: var(--graphite-50);
  --muted: var(--graphite-400);
  --accent: var(--vermilion-500);
  --accent-text: var(--vermilion-400);
  --accent-subtle: var(--vermilion-950);
  --on-accent: var(--graphite-950);
  --time: var(--cobalt-300);
  --highlight: var(--saffron-300);
  --on-highlight: var(--graphite-950);
  --focus: var(--cobalt-300);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="signal"]) {
    --bg: var(--graphite-950);
    --surface: var(--graphite-900);
    --border: var(--graphite-800);
    --text: var(--graphite-50);
    --muted: var(--graphite-400);
    --accent: var(--vermilion-500);
    --accent-text: var(--vermilion-400);
    --accent-subtle: var(--vermilion-950);
    --on-accent: var(--graphite-950);
    --time: var(--cobalt-300);
    --highlight: var(--saffron-300);
    --on-highlight: var(--graphite-950);
    --focus: var(--cobalt-300);
    color-scheme: dark;
  }
}