/* Whitelabel override: Spielwarenmesse */

:root {
  /* Brand base */
  --pubblo-blue: #e3000f;
  --pubblo-light-blue: #fdbdba;

  /* Core UI tokens */
  --primary: #e3000f;
  --sidebar-primary: #e3000f;
  --ring: #e3000f;

  /* Chart palette used across dashboards */
  --chart-1: #e3000f;
  --chart-2: #fdbdba;
  --chart-3: #f97316;
  --chart-4: #f59e0b;
  --chart-5: #10b981;
  --chart-6: #14b8a6;
  --chart-7: #06b6d4;
  --chart-8: #3b82f6;
  --chart-9: #6366f1;
  --chart-10: #ec4899;

  /* Optional semantic alignment */
  --info-foreground: #e3000f;
  --info-border: #fdbdba;

  /* Optional prospect-tag palette (future-proof custom vars) */
  --prospect-tag-blue: #3b82f6;
  --prospect-tag-green: #10b981;
  --prospect-tag-purple: #8b5cf6;
  --prospect-tag-red: #ef4444;
  --prospect-tag-yellow: #f59e0b;
  --prospect-tag-orange: #f97316;
  --prospect-tag-teal: #14b8a6;
  --prospect-tag-pink: #ec4899;
  --prospect-tag-indigo: #6366f1;
  --prospect-tag-cyan: #06b6d4;

  --wl-hover: #fdbdba;
  --wl-hover-text: #3a0a08;
}

.dark {
  --pubblo-blue: #e3000f;
  --pubblo-light-blue: #fdbdba;

  --primary: #e3000f;
  --sidebar-primary: #e3000f;
  --ring: #e3000f;

  --chart-1: #e3000f;
  --chart-2: #fdbdba;
  --chart-3: #fb923c;
  --chart-4: #fbbf24;
  --chart-5: #34d399;
  --chart-6: #2dd4bf;
  --chart-7: #22d3ee;
  --chart-8: #60a5fa;
  --chart-9: #818cf8;
  --chart-10: #f472b6;

  --info-foreground: #fdbdba;
  --info-border: #e3000f;

  --prospect-tag-blue: #60a5fa;
  --prospect-tag-green: #34d399;
  --prospect-tag-purple: #a78bfa;
  --prospect-tag-red: #fb7185;
  --prospect-tag-yellow: #fbbf24;
  --prospect-tag-orange: #fb923c;
  --prospect-tag-teal: #2dd4bf;
  --prospect-tag-pink: #f472b6;
  --prospect-tag-indigo: #818cf8;
  --prospect-tag-cyan: #22d3ee;

  --wl-hover: #fdbdba;
  --wl-hover-text: #2a0605;
}

/* Common button variants */
[data-slot="button"][data-variant="default"]:hover,
[data-slot="button"][data-variant="secondary"]:hover,
[data-slot="button"][data-variant="outline"]:hover,
[data-slot="button"][data-variant="ghost"]:hover {
  background-color: var(--wl-hover) !important;
  border-color: var(--wl-hover) !important;
  color: var(--wl-hover-text) !important;
}

/* Keep destructive/link behavior unchanged */
[data-slot="button"][data-variant="destructive"]:hover,
[data-slot="button"][data-variant="link"]:hover {
  background-color: revert;
  border-color: revert;
  color: revert;
}