/* ============================================================
   COLORS — Proxti
   Fichier central regroupant TOUTES les couleurs du site.
   Toutes les autres feuilles de style (style.css, accueil.css,
   actus.css, carte.css, votes.css, wiki.css, boutique.css)
   n'utilisent plus que des var(--...) définies ici.

   ⚠️ Ce fichier doit être chargé AVANT tous les autres CSS
   du site (juste avant style.css par exemple), sinon les
   variables --bg, --magic-color, etc. seront indéfinies.
   ============================================================ */

:root {
  /* ---- Couleurs de base (fond / texte) ---- */
  --bg:          #1A1A24; /* Bleu nuit très profond */
  --bg2:         #21212E; /* Légèrement plus clair pour les cartes */
  --surface:     #2A2A3A;
  --text:        #e8eaf0;
  --muted:       #8a8d9e;

  /* ---- Couleur d'accent magique ---- */
  --magic-color: #00E5FF; /* Cyan magique */
  --magic-glow:  rgba(0, 229, 255, 0.4); /* Lueur du cyan */

  /* ---- Noir / blanc ---- */
  --white: #ffffff;
  --black: #000000;

  /* ---- Couleurs sémantiques ---- */
  --gold:       #FFD700; /* Particules magiques */
  --gold-glow:  rgba(255, 215, 0, 0.4);

  --green:       #5dde7a; /* En ligne / succès / pulse */
  --green-glow:            rgba(93, 222, 122, 0.4);
  --green-glow-strong:     rgba(93, 222, 122, 0.7);
  --green-glow-transparent: rgba(93, 222, 122, 0);

  --green-alt:    #2ecc71; /* Statut "prêt" (votes) */
  --green-alt-12: rgba(46, 204, 113, 0.12);
  --green-alt-30: rgba(46, 204, 113, 0.3);

  --red:     #e04848; /* Hors ligne / erreur modale */
  --red-alt: #e74c3c; /* Erreur pseudo (votes) */

  --orange: #f39c12; /* Statut "en attente" (votes) */

  --violet: #7c3aed; /* Dégradé cyan → violet du "404" et de la barre de sort (404.css) */

  /* ---- Fonds spécifiques ---- */
  --modal-dark:      #14151c; /* Fond de la popup pseudo (votes) */
  --rewards-fade-bg: #0a0a0f; /* Fondu du carrousel de récompenses (votes) */
  --overlay-85:      rgba(10, 10, 18, 0.85); /* Fond de la modale PayPal (boutique) */

  --paypal-yellow: #FFC439;
  --paypal-text:   #111111;

  /* ---- Variantes translucides du fond (--bg = rgb(26,26,36)) ---- */
  --bg-alpha-30: rgba(26, 26, 36, 0.3);
  --bg-alpha-70: rgba(26, 26, 36, 0.7);
  --bg-alpha-80: rgba(26, 26, 36, 0.8);

  /* ---- Variantes translucides du cyan magique ---- */
  --magic-04: rgba(0, 229, 255, 0.04);
  --magic-10: rgba(0, 229, 255, 0.1);
  --magic-12: rgba(0, 229, 255, 0.12);
  --magic-15: rgba(0, 229, 255, 0.15);

  /* ---- Variantes translucides du blanc ---- */
  --white-02: rgba(255, 255, 255, 0.02);
  --white-03: rgba(255, 255, 255, 0.03);
  --white-05: rgba(255, 255, 255, 0.05);
  --white-06: rgba(255, 255, 255, 0.06);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-12: rgba(255, 255, 255, 0.12);
  --white-15: rgba(255, 255, 255, 0.15);
  --white-30: rgba(255, 255, 255, 0.3);
  --white-35: rgba(255, 255, 255, 0.35);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-08: rgba(255, 255, 255, 0.08);

  /* Bordure standard (utilisée partout sur le site) */
  --border: var(--white-08);

  /* ---- Variantes translucides du noir ---- */
  --black-25: rgba(0, 0, 0, 0.25);
  --black-30: rgba(0, 0, 0, 0.3);
  --black-35: rgba(0, 0, 0, 0.35);
  --black-40: rgba(0, 0, 0, 0.4);
  --black-50: rgba(0, 0, 0, 0.5);
  --black-60: rgba(0, 0, 0, 0.6);
  --black-80: rgba(0, 0, 0, 0.8);
}