/* Lagoon — Tropical water — Phuket, Whitehaven
   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: #EFF6F7;
  --bg-elevated: #FFFFFF;
  --bg-tertiary: #E9F2F3;
  --gray: #7F9C9F;
  --gray-2: #A1B8BA;
  --gray-3: #BFD2D4;
  --gray-4: #CDDEE0;
  --gray-5: #E0ECEE;
  --gray-6: #EFF6F7;
  --accent-soft: #E9FAFB;
  --accent: #10787F;
  --accent-hover: #094549;
  --on-accent: #FFFFFF;
  --cta: #BA5B08;
  --cta-hover: #7F3E05;
  --on-cta: #FFFFFF;
  --cta-ink: #BA5B08;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000;
    --bg-grouped: #000000;
    --bg-elevated: #142526;
    --bg-tertiary: #1F3538;
    --gray: #7F9C9F;
    --gray-2: #5D7F83;
    --gray-3: #456569;
    --gray-4: #315054;
    --gray-5: #1F3538;
    --gray-6: #142526;
    --on-accent: #000000;
    --accent-soft: #134549;
    --accent: #43D1DB;
    --accent-hover: #76DEE5;
    --cta: #A45007;
    --cta-hover: #693404;
    --on-cta: #FFFFFF;
    --cta-ink: #F68523;
  }
}
:root[data-theme="dark"] {
  --bg: #000000;
  --bg-grouped: #000000;
  --bg-elevated: #142526;
  --bg-tertiary: #1F3538;
  --gray: #7F9C9F;
  --gray-2: #5D7F83;
  --gray-3: #456569;
  --gray-4: #315054;
  --gray-5: #1F3538;
  --gray-6: #142526;
  --on-accent: #000000;
  --accent-soft: #134549;
  --accent: #43D1DB;
  --accent-hover: #76DEE5;
  --cta: #A45007;
  --cta-hover: #693404;
  --on-cta: #FFFFFF;
  --cta-ink: #F68523;
}