/* Sand — Desert — Marrakech, Agafay
   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: #F8F3ED;
  --bg-elevated: #FFFFFF;
  --bg-tertiary: #F4EFE8;
  --gray: #A4907A;
  --gray-2: #BEAF9D;
  --gray-3: #D7CABC;
  --gray-4: #E3D7CA;
  --gray-5: #F0E7DE;
  --gray-6: #F8F3ED;
  --accent-soft: #FAF2EA;
  --accent: #9D5D25;
  --accent-hover: #6C4019;
  --on-accent: #FFFFFF;
  --cta: #C31D3E;
  --cta-hover: #8E152D;
  --on-cta: #FFFFFF;
  --cta-ink: #C31D3E;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000;
    --bg-grouped: #000000;
    --bg-elevated: #291E11;
    --bg-tertiary: #3C2C1B;
    --gray: #A4907A;
    --gray-2: #897257;
    --gray-3: #6E583F;
    --gray-4: #59442C;
    --gray-5: #3C2C1B;
    --gray-6: #291E11;
    --on-accent: #000000;
    --accent-soft: #412D1B;
    --accent: #C98B54;
    --accent-hover: #D8AA83;
    --cta: #C81E40;
    --cta-hover: #93162F;
    --on-cta: #FFFFFF;
    --cta-ink: #E65673;
  }
}
:root[data-theme="dark"] {
  --bg: #000000;
  --bg-grouped: #000000;
  --bg-elevated: #291E11;
  --bg-tertiary: #3C2C1B;
  --gray: #A4907A;
  --gray-2: #897257;
  --gray-3: #6E583F;
  --gray-4: #59442C;
  --gray-5: #3C2C1B;
  --gray-6: #291E11;
  --on-accent: #000000;
  --accent-soft: #412D1B;
  --accent: #C98B54;
  --accent-hover: #D8AA83;
  --cta: #C81E40;
  --cta-hover: #93162F;
  --on-cta: #FFFFFF;
  --cta-ink: #E65673;
}