/* COMMAND-LINK expanded night-mode accent palettes.
   These only apply while .dark-mode is active and preserve the existing night-mode structure. */

.dark-mode.accent-blue {
  --background: hsl(220, 28%, 6%);
  --foreground: hsl(210, 18%, 94%);
  --card: hsl(220, 24%, 10%);
  --card-foreground: hsl(210, 18%, 94%);
  --popover: hsl(220, 24%, 10%);
  --popover-foreground: hsl(210, 18%, 94%);
  --primary: hsl(191, 100%, 50%);
  --primary-foreground: hsl(220, 35%, 5%);
  --primary-hover: hsl(188, 100%, 58%);
  --primary-active: hsl(196, 100%, 42%);
  --secondary: hsl(220, 18%, 16%);
  --secondary-foreground: hsl(210, 18%, 94%);
  --secondary-hover: hsl(218, 20%, 21%);
  --secondary-active: hsl(220, 18%, 12%);
  --muted: hsl(220, 16%, 18%);
  --muted-foreground: hsl(215, 12%, 69%);
  --muted-hover: hsl(218, 18%, 23%);
  --accent: hsl(187, 100%, 50%);
  --accent-foreground: hsl(220, 35%, 5%);
  --accent-hover: hsl(184, 100%, 62%);
  --accent-active: hsl(192, 100%, 44%);
  --border: hsl(191, 100%, 46%);
  --border-hover: hsl(187, 100%, 58%);
  --input: hsl(218, 22%, 25%);
  --input-hover: hsl(216, 24%, 30%);
  --input-focus: hsl(214, 28%, 34%);
  --ring: hsl(187, 100%, 62%);
  --success: hsl(187, 100%, 50%);
  --success-hover: hsl(184, 100%, 60%);
  --success-active: hsl(192, 100%, 42%);
  --chat-sent: hsl(191, 100%, 40%);
  --chat-received: hsl(220, 16%, 18%);
  --map-zone: hsl(191, 100%, 46%);
  --chart-1: hsl(191, 100%, 50%);
  --chart-2: hsl(187, 100%, 58%);
}

.dark-mode.accent-pink {
  --background: hsl(320, 24%, 6%);
  --foreground: hsl(320, 12%, 94%);
  --card: hsl(320, 20%, 10%);
  --card-foreground: hsl(320, 12%, 94%);
  --popover: hsl(320, 20%, 10%);
  --popover-foreground: hsl(320, 12%, 94%);
  --primary: hsl(322, 100%, 50%);
  --primary-foreground: hsl(320, 35%, 5%);
  --primary-hover: hsl(318, 100%, 60%);
  --primary-active: hsl(326, 100%, 43%);
  --secondary: hsl(320, 16%, 16%);
  --secondary-foreground: hsl(320, 12%, 94%);
  --secondary-hover: hsl(318, 18%, 21%);
  --secondary-active: hsl(320, 16%, 12%);
  --muted: hsl(320, 14%, 18%);
  --muted-foreground: hsl(320, 9%, 69%);
  --muted-hover: hsl(318, 16%, 23%);
  --accent: hsl(315, 100%, 55%);
  --accent-foreground: hsl(320, 35%, 5%);
  --accent-hover: hsl(312, 100%, 66%);
  --accent-active: hsl(320, 100%, 48%);
  --border: hsl(322, 100%, 48%);
  --border-hover: hsl(315, 100%, 60%);
  --input: hsl(320, 20%, 25%);
  --input-hover: hsl(318, 22%, 30%);
  --input-focus: hsl(316, 25%, 34%);
  --ring: hsl(315, 100%, 65%);
  --success: hsl(315, 100%, 56%);
  --success-hover: hsl(312, 100%, 66%);
  --success-active: hsl(320, 100%, 47%);
  --chat-sent: hsl(322, 100%, 40%);
  --chat-received: hsl(320, 14%, 18%);
  --map-zone: hsl(322, 100%, 48%);
  --chart-1: hsl(322, 100%, 52%);
  --chart-2: hsl(315, 100%, 60%);
}

.dark-mode.accent-slate {
  --background: hsl(218, 18%, 7%);
  --foreground: hsl(210, 14%, 90%);
  --card: hsl(218, 16%, 11%);
  --card-foreground: hsl(210, 14%, 90%);
  --popover: hsl(218, 16%, 11%);
  --popover-foreground: hsl(210, 14%, 90%);
  --primary: hsl(215, 22%, 42%);
  --primary-foreground: hsl(210, 20%, 98%);
  --primary-hover: hsl(212, 24%, 50%);
  --primary-active: hsl(218, 24%, 34%);
  --secondary: hsl(218, 14%, 17%);
  --secondary-foreground: hsl(210, 14%, 90%);
  --secondary-hover: hsl(216, 16%, 22%);
  --secondary-active: hsl(220, 14%, 13%);
  --muted: hsl(218, 12%, 19%);
  --muted-foreground: hsl(215, 10%, 66%);
  --muted-hover: hsl(216, 14%, 24%);
  --accent: hsl(210, 24%, 56%);
  --accent-foreground: hsl(220, 20%, 8%);
  --accent-hover: hsl(208, 28%, 64%);
  --accent-active: hsl(214, 24%, 47%);
  --border: hsl(215, 18%, 35%);
  --border-hover: hsl(210, 24%, 50%);
  --input: hsl(218, 16%, 25%);
  --input-hover: hsl(216, 18%, 30%);
  --input-focus: hsl(214, 20%, 34%);
  --ring: hsl(210, 28%, 60%);
  --success: hsl(210, 24%, 52%);
  --success-hover: hsl(208, 28%, 60%);
  --success-active: hsl(214, 24%, 44%);
  --chat-sent: hsl(215, 24%, 34%);
  --chat-received: hsl(218, 12%, 19%);
  --map-zone: hsl(215, 24%, 42%);
  --chart-1: hsl(215, 24%, 48%);
  --chart-2: hsl(210, 28%, 58%);
}

.dark-mode.accent-salmon {
  --background: hsl(8, 22%, 6%);
  --foreground: hsl(12, 14%, 94%);
  --card: hsl(8, 18%, 10%);
  --card-foreground: hsl(12, 14%, 94%);
  --popover: hsl(8, 18%, 10%);
  --popover-foreground: hsl(12, 14%, 94%);
  --primary: hsl(8, 100%, 66%);
  --primary-foreground: hsl(10, 30%, 6%);
  --primary-hover: hsl(7, 100%, 72%);
  --primary-active: hsl(8, 96%, 57%);
  --secondary: hsl(8, 14%, 16%);
  --secondary-foreground: hsl(12, 14%, 94%);
  --secondary-hover: hsl(8, 16%, 21%);
  --secondary-active: hsl(8, 14%, 12%);
  --muted: hsl(8, 12%, 18%);
  --muted-foreground: hsl(10, 8%, 69%);
  --muted-hover: hsl(8, 14%, 23%);
  --accent: hsl(7, 100%, 70%);
  --accent-foreground: hsl(10, 30%, 6%);
  --accent-hover: hsl(6, 100%, 76%);
  --accent-active: hsl(7, 96%, 62%);
  --border: hsl(8, 100%, 58%);
  --border-hover: hsl(7, 100%, 69%);
  --input: hsl(8, 18%, 25%);
  --input-hover: hsl(8, 20%, 30%);
  --input-focus: hsl(8, 22%, 34%);
  --ring: hsl(7, 100%, 75%);
  --success: hsl(7, 100%, 68%);
  --success-hover: hsl(6, 100%, 75%);
  --success-active: hsl(8, 96%, 59%);
  --chat-sent: hsl(8, 100%, 44%);
  --chat-received: hsl(8, 12%, 18%);
  --map-zone: hsl(8, 100%, 54%);
  --chart-1: hsl(8, 100%, 64%);
  --chart-2: hsl(7, 100%, 72%);
}