/* ===== D/CREATORS — THEME v3 ===== */

:root {
  /* Palette */
  --violet:        #6C4FF0;
  --violet-light:  #8B6FF5;
  --violet-dark:   #4A30C8;
  --violet-glow:   rgba(108, 79, 240, 0.12);
  --violet-glow2:  rgba(108, 79, 240, 0.06);

  --accent:        #A78BFA;   /* violet pastel pour accents légers */
  --coral:         #F06A3F;

  /* Surfaces — blanc pur + gris très léger */
  --bg:            #FFFFFF;
  --bg-section:    #F7F6FF;   /* légère teinte violette */
  --bg-card:       #FFFFFF;
  --bg-card-alt:   #F4F2FE;

  /* Textes */
  --text:          #1A1035;   /* violet-noir profond */
  --text-muted:    #6B5FA8;
  --text-light:    #9B8ED4;

  /* Borders */
  --border:        rgba(108, 79, 240, 0.14);
  --border-strong: rgba(108, 79, 240, 0.28);

  /* Shadows */
  --shadow:        0 8px 32px rgba(108, 79, 240, 0.12);
  --shadow-card:   0 2px 16px rgba(26, 16, 53, 0.07);
  --shadow-hover:  0 12px 40px rgba(108, 79, 240, 0.2);
}

/* Grain subtil */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0.025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 180px 180px;
}