/* =====================================================================
   PALETTES — the only place brand colors live.
   Try one live: add ?palette=<id> to any page URL, or use the floating Palette switcher.
   Make one the site default: move `:root,` in front of its selector (only one at a time).
   Add one: copy a block, change the values (run the contrast checks in SKILL.md).
   Generated 2026-11-10 with contrast checks: --accent-ink ≥ 4.5:1 on white,
   --on-accent ≥ 3:1 on --accent (bold UI text).
   ===================================================================== */

/* Magenta — Original launch color. Bold, nightlife-premium. */
[data-palette="magenta"] {
  --palette-name: "Magenta";
  --accent:        #FF2AA6;
  --accent-strong: #E0158C;
  --accent-ink:    #B80F72;   /* 6.0:1 on white (original brand value) */
  --accent-soft:   #FFE6F4;
  --accent-rgb:    255, 42, 166;
  --accent-2-rgb:  120, 90, 255;   /* secondary glow */
  --on-accent:     #FFFFFF;   /* 3.4:1 on accent */
}

/* Electric — Clinical-tech blue, most "medical". */
[data-palette="electric"] {
  --palette-name: "Electric";
  --accent:        #2F6BFF;
  --accent-strong: #295EE0;
  --accent-ink:    #2E69FA;   /* 4.7:1 on white */
  --accent-soft:   #E6EDFF;
  --accent-rgb:    47, 107, 255;
  --accent-2-rgb:  0, 212, 255;   /* secondary glow */
  --on-accent:     #FFFFFF;   /* 4.5:1 on accent */
}

/* Volt — Athletic lime, high energy. */
[data-palette="volt"] {
  --palette-name: "Volt";
  --accent:        #C6FF3D;
  --accent-strong: #AEE036;
  --accent-ink:    #617D1E;   /* 4.7:1 on white */
  --accent-soft:   #F8FFE8;
  --accent-rgb:    198, 255, 61;
  --accent-2-rgb:  45, 224, 181;   /* secondary glow */
  --on-accent:     #100814;   /* 16.7:1 on accent */
}

/* Ember — Warm performance orange. */
[data-palette="ember"] {
  --palette-name: "Ember";
  --accent:        #FF5A1F;
  --accent-strong: #E04F1B;
  --accent-ink:    #CC4819;   /* 4.7:1 on white */
  --accent-soft:   #FFEBE4;
  --accent-rgb:    255, 90, 31;
  --accent-2-rgb:  255, 176, 32;   /* secondary glow */
  --on-accent:     #FFFFFF;   /* 3.1:1 on accent */
}

/* Violet — Longevity / futuristic. */
[data-palette="violet"] {
  --palette-name: "Violet";
  --accent:        #8B5CFF;
  --accent-strong: #7A51E0;
  --accent-ink:    #8356F0;   /* 4.6:1 on white */
  --accent-soft:   #F1EBFF;
  --accent-rgb:    139, 92, 255;
  --accent-2-rgb:  255, 79, 216;   /* secondary glow */
  --on-accent:     #FFFFFF;   /* 4.1:1 on accent */
}

/* Mint — Fresh, wellness-forward. ★ SITE DEFAULT (chosen 2026-11-10) */
:root, [data-palette="mint"] {
  --palette-name: "Mint";
  --accent:        #22D3A6;
  --accent-strong: #1EBA92;
  --accent-ink:    #158367;   /* 4.7:1 on white */
  --accent-soft:   #E4FAF4;
  --accent-rgb:    34, 211, 166;
  --accent-2-rgb:  61, 139, 255;   /* secondary glow */
  --on-accent:     #100814;   /* 10.3:1 on accent */
}

/* Gold — Luxury concierge. */
[data-palette="gold"] {
  --palette-name: "Gold";
  --accent:        #E0A93B;
  --accent-strong: #C59534;
  --accent-ink:    #926E26;   /* 4.7:1 on white */
  --accent-soft:   #FBF5E7;
  --accent-rgb:    224, 169, 59;
  --accent-2-rgb:  255, 122, 69;   /* secondary glow */
  --on-accent:     #100814;   /* 9.3:1 on accent */
}

/* Crimson — Intense, red-blooded. */
[data-palette="crimson"] {
  --palette-name: "Crimson";
  --accent:        #FF3355;
  --accent-strong: #E02D4B;
  --accent-ink:    #DB2C49;   /* 4.7:1 on white */
  --accent-soft:   #FFE7EB;
  --accent-rgb:    255, 51, 85;
  --accent-2-rgb:  255, 138, 61;   /* secondary glow */
  --on-accent:     #FFFFFF;   /* 3.6:1 on accent */
}