/* Velvet — Shows and nightlife — La Perle, Reeperbahn
   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: #F5EFF6;
  --bg-elevated: #FFFFFF;
  --bg-tertiary: #F1EAF2;
  --gray: #98819C;
  --gray-2: #B5A3B8;
  --gray-3: #D0C1D2;
  --gray-4: #DCCEDE;
  --gray-5: #EBE1ED;
  --gray-6: #F5EFF6;
  --accent-soft: #F6ECF9;
  --accent: #9336AB;
  --accent-hover: #6B277C;
  --on-accent: #FFFFFF;
  --cta: #CC1452;
  --cta-hover: #940F3B;
  --on-cta: #FFFFFF;
  --cta-ink: #CC1452;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000;
    --bg-grouped: #000000;
    --bg-elevated: #231625;
    --bg-tertiary: #332136;
    --gray: #98819C;
    --gray-2: #7B6080;
    --gray-3: #614766;
    --gray-4: #4D3451;
    --gray-5: #332136;
    --gray-6: #231625;
    --on-accent: #000000;
    --accent-soft: #371F3D;
    --accent: #B879C8;
    --accent-hover: #CFA4DA;
    --cta: #CA1451;
    --cta-hover: #920E3A;
    --on-cta: #FFFFFF;
    --cta-ink: #EC3C77;
  }
}
:root[data-theme="dark"] {
  --bg: #000000;
  --bg-grouped: #000000;
  --bg-elevated: #231625;
  --bg-tertiary: #332136;
  --gray: #98819C;
  --gray-2: #7B6080;
  --gray-3: #614766;
  --gray-4: #4D3451;
  --gray-5: #332136;
  --gray-6: #231625;
  --on-accent: #000000;
  --accent-soft: #371F3D;
  --accent: #B879C8;
  --accent-hover: #CFA4DA;
  --cta: #CA1451;
  --cta-hover: #920E3A;
  --on-cta: #FFFFFF;
  --cta-ink: #EC3C77;
}