/* Slate — Northern cities — Copenhagen, Hamburg
   Generated by tools/themes.mjs. Do not hand-edit: every value is derived from
   the theme's seeds and contrast-checked, and an edit here would not be. */
:root {
  --bg: #FFFFFF;
  --bg-grouped: #F0F1F6;
  --bg-elevated: #FFFFFF;
  --bg-tertiary: #EBEDF2;
  --gray: #848A9A;
  --gray-2: #A5A9B6;
  --gray-3: #C2C6D1;
  --gray-4: #D0D3DD;
  --gray-5: #E2E5EC;
  --gray-6: #F0F1F6;
  --accent-soft: #EDF0F8;
  --accent: #3F5CA2;
  --accent-hover: #2E4376;
  --on-accent: #FFFFFF;
  --cta: #C12A1F;
  --cta-hover: #8C1F17;
  --on-cta: #FFFFFF;
  --cta-ink: #C12A1F;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000;
    --bg-grouped: #000000;
    --bg-elevated: #171A24;
    --bg-tertiary: #232734;
    --gray: #848A9A;
    --gray-2: #636A7D;
    --gray-3: #4A5163;
    --gray-4: #363D4E;
    --gray-5: #232734;
    --gray-6: #171A24;
    --on-accent: #000000;
    --accent-soft: #20283C;
    --accent: #778FC5;
    --accent-hover: #A2B2D7;
    --cta: #C52B20;
    --cta-hover: #902017;
    --on-cta: #FFFFFF;
    --cta-ink: #E15147;
  }
}
:root[data-theme="dark"] {
  --bg: #000000;
  --bg-grouped: #000000;
  --bg-elevated: #171A24;
  --bg-tertiary: #232734;
  --gray: #848A9A;
  --gray-2: #636A7D;
  --gray-3: #4A5163;
  --gray-4: #363D4E;
  --gray-5: #232734;
  --gray-6: #171A24;
  --on-accent: #000000;
  --accent-soft: #20283C;
  --accent: #778FC5;
  --accent-hover: #A2B2D7;
  --cta: #C52B20;
  --cta-hover: #902017;
  --on-cta: #FFFFFF;
  --cta-ink: #E15147;
}