/* Basalt — Volcanic Iceland — Golden Circle, Silfra
   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: #F1F2F5;
  --bg-elevated: #FFFFFF;
  --bg-tertiary: #ECEDF1;
  --gray: #868C97;
  --gray-2: #A7ACB4;
  --gray-3: #C4C8CF;
  --gray-4: #D1D5DB;
  --gray-5: #E3E6EB;
  --gray-6: #F1F2F5;
  --accent-soft: #EAF6FB;
  --accent: #1C7292;
  --accent-hover: #124A5F;
  --on-accent: #FFFFFF;
  --cta: #CC3914;
  --cta-hover: #94290F;
  --on-cta: #FFFFFF;
  --cta-ink: #CC3914;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000;
    --bg-grouped: #000000;
    --bg-elevated: #181C22;
    --bg-tertiary: #252A32;
    --gray: #868C97;
    --gray-2: #666D7A;
    --gray-3: #4D5460;
    --gray-4: #39404C;
    --gray-5: #252A32;
    --gray-6: #181C22;
    --on-accent: #000000;
    --accent-soft: #183844;
    --accent: #4EADD0;
    --accent-hover: #7EC4DD;
    --cta: #BE3513;
    --cta-hover: #86260D;
    --on-cta: #FFFFFF;
    --cta-ink: #EA542E;
  }
}
:root[data-theme="dark"] {
  --bg: #000000;
  --bg-grouped: #000000;
  --bg-elevated: #181C22;
  --bg-tertiary: #252A32;
  --gray: #868C97;
  --gray-2: #666D7A;
  --gray-3: #4D5460;
  --gray-4: #39404C;
  --gray-5: #252A32;
  --gray-6: #181C22;
  --on-accent: #000000;
  --accent-soft: #183844;
  --accent: #4EADD0;
  --accent-hover: #7EC4DD;
  --cta: #BE3513;
  --cta-hover: #86260D;
  --on-cta: #FFFFFF;
  --cta-ink: #EA542E;
}