:root {
  /* ---- Base palette: "Stage Lights" ---- */
  --diva-pink: #FF2E88;        /* hot pink — primary brand color */
  --diva-pink-hot: #FF5CA8;    /* hover/lift */
  --diva-pink-deep: #D1005F;   /* press */
  --diva-purple: #8A3FFC;      /* electric purple — secondary */
  --diva-purple-deep: #5B21B6;
  --diva-yellow: #FFD23F;      /* sunshine yellow — highlight/CTA foil */
  --diva-orange: #FF8A3D;
  --diva-cyan: #2FE1E8;
  --diva-green: #3DE882;
  --diva-red: #FF4747;

  /* ---- Ink & surfaces (dark stage) ---- */
  --diva-ink: #1C0733;         /* page background — deep aubergine */
  --diva-ink-2: #2A0E4C;       /* card surface */
  --diva-ink-3: #3A1766;       /* raised surface */
  --diva-outline: #120321;     /* near-black for sticker borders/shadows */
  --diva-cream: #FFF4E4;       /* light surface / ticket paper */
  --diva-white: #FFFFFF;

  /* ---- Text on dark ---- */
  --text-display: #FFFFFF;
  --text-body: #F1E6FF;
  --text-muted: #C4A9E8;
  --text-on-pink: #FFFFFF;
  --text-on-yellow: #1C0733;
  --text-on-cream: #2A0E4C;

  /* ---- Semantic aliases ---- */
  --surface-page: var(--diva-ink);
  --surface-card: var(--diva-ink-2);
  --surface-raised: var(--diva-ink-3);
  --surface-ticket: var(--diva-cream);
  --accent-primary: var(--diva-pink);
  --accent-primary-hover: var(--diva-pink-hot);
  --accent-primary-press: var(--diva-pink-deep);
  --accent-secondary: var(--diva-purple);
  --accent-highlight: var(--diva-yellow);
  --border-loud: var(--diva-outline);
  --border-soft: rgba(196, 169, 232, 0.28);

  /* ---- Status ---- */
  --status-success: var(--diva-green);
  --status-warning: var(--diva-yellow);
  --status-error: var(--diva-red);
  --status-info: var(--diva-cyan);

  /* ---- Pride rainbow (decorative stripes, progress, dividers) ---- */
  --rainbow-1: #FF4747;
  --rainbow-2: #FF8A3D;
  --rainbow-3: #FFD23F;
  --rainbow-4: #3DE882;
  --rainbow-5: #2FE1E8;
  --rainbow-6: #8A3FFC;
  --gradient-rainbow: linear-gradient(90deg, var(--rainbow-1), var(--rainbow-2), var(--rainbow-3), var(--rainbow-4), var(--rainbow-5), var(--rainbow-6));
  --gradient-stage: linear-gradient(160deg, #2A0E4C 0%, #1C0733 60%, #14051F 100%); /* @kind color */
}