/* Mineral — Spa and thermal — Sky Lagoon
   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: #F0F4F6;
  --bg-elevated: #FFFFFF;
  --bg-tertiary: #EAF0F2;
  --gray: #82959B;
  --gray-2: #A4B2B7;
  --gray-3: #C1CDD1;
  --gray-4: #CFDADE;
  --gray-5: #E1E9EC;
  --gray-6: #F0F4F6;
  --accent-soft: #EDF8F7;
  --accent: #2E7673;
  --accent-hover: #1D4A49;
  --on-accent: #FFFFFF;
  --cta: #BA264E;
  --cta-hover: #871C38;
  --on-cta: #FFFFFF;
  --cta-ink: #BA264E;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000;
    --bg-grouped: #000000;
    --bg-elevated: #162124;
    --bg-tertiary: #223035;
    --gray: #82959B;
    --gray-2: #62777F;
    --gray-3: #495D65;
    --gray-4: #354850;
    --gray-5: #223035;
    --gray-6: #162124;
    --on-accent: #000000;
    --accent-soft: #203C3B;
    --accent: #62BCB9;
    --accent-hover: #8DCECC;
    --cta: #C32851;
    --cta-hover: #901E3C;
    --on-cta: #FFFFFF;
    --cta-ink: #DD5A7D;
  }
}
:root[data-theme="dark"] {
  --bg: #000000;
  --bg-grouped: #000000;
  --bg-elevated: #162124;
  --bg-tertiary: #223035;
  --gray: #82959B;
  --gray-2: #62777F;
  --gray-3: #495D65;
  --gray-4: #354850;
  --gray-5: #223035;
  --gray-6: #162124;
  --on-accent: #000000;
  --accent-soft: #203C3B;
  --accent: #62BCB9;
  --accent-hover: #8DCECC;
  --cta: #C32851;
  --cta-hover: #901E3C;
  --on-cta: #FFFFFF;
  --cta-ink: #DD5A7D;
}