/* =========================
   THEMES BBCL
   ========================= */

/* Univers jeune : bleu / dynamique */
body[data-theme="jeune"] {
  --page-bg: #061526;

  --bg-1: rgba(46, 134, 255, 0.35);
  --bg-2: rgba(255, 202, 84, 0.22);
  --bg-3: rgba(48, 202, 255, 0.2);

  --linear-1: #061526;
  --linear-2: #09294a;
  --linear-3: #04111f;

  --text-main: #ffffff;
  --text-soft: #dff5ff;

  --accent: #ffd66b;
  --accent-light: #9ee7ff;

  --card-bg: rgba(7, 32, 58, 0.72);
  --card-border: rgba(255, 255, 255, 0.18);

  --button-bg: #ffffff;
  --button-text: #061526;

  --menu-bg: rgba(0, 0, 0, 0.35);
}

/* Univers combat : plus rouge */
body[data-theme="combat"] {
  --page-bg: #120606;

  --bg-1: rgba(220, 35, 25, 0.55);
  --bg-2: rgba(120, 0, 0, 0.6);
  --bg-3: rgba(255, 190, 70, 0.18);

  --linear-1: #110303;
  --linear-2: #811111;
  --linear-3: #070101;

  --text-main: #ffffff;
  --text-soft: #f5d6d6;

  --accent: #f2b632;
  --accent-light: #ffd66b;

  --card-bg: rgba(0, 0, 0, 0.62);
  --card-border: rgba(255, 232, 190, 0.75);

  --button-bg: #f2b632;
  --button-text: #130606;

  --menu-bg: rgba(0, 0, 0, 0.45);
}

/* Univers premium : noir / or */
body[data-theme="premium"] {
  --page-bg: #080808;

  --bg-1: rgba(255, 214, 107, 0.28);
  --bg-2: rgba(255, 255, 255, 0.08);
  --bg-3: rgba(180, 130, 40, 0.2);

  --linear-1: #050505;
  --linear-2: #17120a;
  --linear-3: #000000;

  --text-main: #ffffff;
  --text-soft: #efe3c4;

  --accent: #d4af37;
  --accent-light: #ffe08a;

  --card-bg: rgba(20, 18, 12, 0.82);
  --card-border: rgba(255, 224, 138, 0.38);

  --button-bg: #d4af37;
  --button-text: #050505;

  --menu-bg: rgba(0, 0, 0, 0.5);
}

/* Univers clair : plus institutionnel */
body[data-theme="clair"] {
  --page-bg: #eef6ff;

  --bg-1: rgba(46, 134, 255, 0.18);
  --bg-2: rgba(255, 202, 84, 0.25);
  --bg-3: rgba(255, 255, 255, 0.7);

  --linear-1: #eef6ff;
  --linear-2: #d9ecff;
  --linear-3: #ffffff;

  --text-main: #061526;
  --text-soft: #183b5f;

  --accent: #d89b1d;
  --accent-light: #006fd6;

  --card-bg: rgba(255, 255, 255, 0.78);
  --card-border: rgba(6, 21, 38, 0.14);

  --button-bg: #061526;
  --button-text: #ffffff;

  --menu-bg: rgba(255, 255, 255, 0.72);
}