/* Aurora — Arctic night — Tromsø whale watching
   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: #F0EFF7;
  --bg-elevated: #FFFFFF;
  --bg-tertiary: #EBEAF3;
  --gray: #85809E;
  --gray-2: #A6A2B9;
  --gray-3: #C3C0D3;
  --gray-4: #D0CDDF;
  --gray-5: #E3E0ED;
  --gray-6: #F0EFF7;
  --accent-soft: #EFEBFA;
  --accent: #552DB4;
  --accent-hover: #744CD2;
  --on-accent: #FFFFFF;
  --cta: #15845B;
  --cta-hover: #0D4F37;
  --on-cta: #FFFFFF;
  --cta-ink: #15845B;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000;
    --bg-grouped: #000000;
    --bg-elevated: #181526;
    --bg-tertiary: #242037;
    --gray: #85809E;
    --gray-2: #655F82;
    --gray-3: #4C4667;
    --gray-4: #383252;
    --gray-5: #242037;
    --gray-6: #181526;
    --on-accent: #000000;
    --accent-soft: #271C40;
    --accent: #977DD4;
    --accent-hover: #BCABE3;
    --cta: #137652;
    --cta-hover: #0B412D;
    --on-cta: #FFFFFF;
    --cta-ink: #3ADFA2;
  }
}
:root[data-theme="dark"] {
  --bg: #000000;
  --bg-grouped: #000000;
  --bg-elevated: #181526;
  --bg-tertiary: #242037;
  --gray: #85809E;
  --gray-2: #655F82;
  --gray-3: #4C4667;
  --gray-4: #383252;
  --gray-5: #242037;
  --gray-6: #181526;
  --on-accent: #000000;
  --accent-soft: #271C40;
  --accent: #977DD4;
  --accent-hover: #BCABE3;
  --cta: #137652;
  --cta-hover: #0B412D;
  --on-cta: #FFFFFF;
  --cta-ink: #3ADFA2;
}