:root {
  --theme-primary: #e11d48; /* Rouge OWNED par défaut */
  --theme-accent: #be123c;
  --theme-glow: rgba(225, 29, 72, 0.15);
}

body {
  background-color: #08090d;
  background-image: 
    radial-gradient(at 0% 0%, var(--theme-glow) 0px, transparent 50%),
    radial-gradient(at 100% 0%, rgba(14, 165, 233, 0.08) 0px, transparent 40%),
    radial-gradient(at 50% 100%, var(--theme-glow) 0px, transparent 60%);
  background-attachment: fixed;
  color: #f3f4f6;
  transition: background-image 0.4s ease;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: rgba(15, 17, 24, 0.8);
}
::-webkit-scrollbar-thumb {
  background: #2a2e45;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--theme-primary);
}

.glass-card {
  background: rgba(18, 21, 33, 0.75);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: border-color 0.2s ease;
}
.glass-card:hover {
  border-color: color-mix(in srgb, var(--theme-primary) 40%, transparent);
}

/* Dynamisation des accents Tailwind selon la guilde (OWNED Rouge / EXODE Violet) */
.text-rose-400, .text-rose-500 {
  color: var(--theme-primary) !important;
}
.bg-rose-600 {
  background-color: var(--theme-primary) !important;
}
.bg-rose-600\/20, .bg-rose-600\/30, .bg-rose-950\/40, .bg-rose-950\/60 {
  background-color: color-mix(in srgb, var(--theme-primary) 22%, transparent) !important;
}
.border-rose-500\/30, .border-rose-500\/40, .border-rose-500\/50, .border-rose-800\/60 {
  border-color: color-mix(in srgb, var(--theme-primary) 45%, transparent) !important;
}