/* Généré par web/public/scripts/class-pages/build.mjs depuis scripts/class-pages/themes.json : ne pas modifier à la main.
   Thèmes des pages de classe V2 : <html data-theme="<id>">, cartes du hub et sections de l'aperçu. */

/* Guerrier : noir et or, comme l'app (thème par défaut) */
:root, [data-theme="fighter"] {
  color-scheme: dark;
  --bg: #0a0a0a;
  --panel: #14110c;
  --panel-2: #1c1810;
  --panel-3: #110f0a;
  --ink: #f6efe0;
  --ink-soft: #d9cfbb;
  --ink-mute: #b3a78f;
  --heading: #fffaf0;
  --accent: #fcca06;
  --accent-light: #ffe55c;
  --accent-deep: #b98a12;
  --accent-dark: #7a5a08;
  --promise: #ffe55c;
  --focus: #ffe55c;
  --line: rgba(252, 202, 6, 0.32);
  --line-soft: rgba(252, 202, 6, 0.16);
  --accent-tint: rgba(252, 202, 6, 0.1);
  --accent-ring: rgba(255, 229, 92, 0.6);
  --accent-glow: rgba(252, 202, 6, 0.3);
  --accent-glow-strong: rgba(252, 202, 6, 0.6);
  --cost: #f0a35a;
  --on-accent: #1a1300;
  --btn-top: #ffe55c;
  --btn-bottom: #fcca06;
  --btn-hover: #fff0a0;
  --frame-gradient: linear-gradient(180deg, #ffe55c, #fcca06 45%, #b98a12);
  --title-gradient: linear-gradient(180deg, #fff8d6 10%, #ffe55c 45%, #fcca06 70%, #b98a12 100%);
  --title-shadow: rgba(0, 0, 0, 0.9);
  --title-drop: rgba(0, 0, 0, 0.85);
  --veil: 10, 10, 10;
  --header-bg: rgba(10, 10, 10, 0.93);
  --shadow: rgba(0, 0, 0, 0.6);
  --locked-bg: rgba(255, 255, 255, 0.03);
  --locked-ink: #8f8778;
  --icon-filter: none;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fcca06' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #f5c542;
  --lane-2: #6cb4ff;
  --lane-3: #ff6a45;
  --wood: #3a2a14;
  --wood-edge: #6b4b1f;
  --cosmos-top: #0b0906;
  --cosmos-mid: #120e06;
  --star: #fff3c4;
  --figure: #f5c542;
}

/* Magicien : nuit indigo, cyan et violet */
[data-theme="wizard"] {
  color-scheme: dark;
  --bg: #090a1d;
  --panel: #11133a;
  --panel-2: #171a47;
  --panel-3: #0d0f2c;
  --ink: #eef0ff;
  --ink-soft: #c9cdf2;
  --ink-mute: #a3a9da;
  --heading: #f6f7ff;
  --accent: #59e3ff;
  --accent-light: #b8f4ff;
  --accent-deep: #7b5cff;
  --accent-dark: #2a1f7a;
  --promise: #a8efff;
  --focus: #b8f4ff;
  --line: rgba(89, 227, 255, 0.32);
  --line-soft: rgba(123, 92, 255, 0.26);
  --accent-tint: rgba(89, 227, 255, 0.1);
  --accent-ring: rgba(184, 244, 255, 0.6);
  --accent-glow: rgba(89, 227, 255, 0.3);
  --accent-glow-strong: rgba(123, 92, 255, 0.65);
  --cost: #ffab7a;
  --on-accent: #06102a;
  --btn-top: #c6f7ff;
  --btn-bottom: #59e3ff;
  --btn-hover: #e6fcff;
  --frame-gradient: linear-gradient(180deg, #c6f7ff, #59e3ff 45%, #7b5cff);
  --title-gradient: linear-gradient(180deg, #ffffff 10%, #c6f7ff 42%, #59e3ff 68%, #8f73ff 100%);
  --title-shadow: rgba(0, 0, 12, 0.9);
  --title-drop: rgba(0, 0, 18, 0.85);
  --veil: 9, 10, 29;
  --header-bg: rgba(9, 10, 29, 0.93);
  --shadow: rgba(0, 0, 10, 0.6);
  --locked-bg: rgba(255, 255, 255, 0.04);
  --locked-ink: #8b90b8;
  --icon-filter: none;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2359e3ff' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #ff8a3d;
  --lane-2: #59e3ff;
  --lane-3: #b38cff;
  --wood: #1b2350;
  --wood-edge: #3a4a9a;
  --cosmos-top: #050616;
  --cosmos-mid: #0b1033;
  --star: #dff6ff;
  --figure: #7fe8ff;
}

/* Clerc : sanctuaire clair, ivoire et terre cuite */
[data-theme="cleric"] {
  color-scheme: light;
  --bg: #f6efe3;
  --panel: #fffaf1;
  --panel-2: #f1e4d2;
  --panel-3: #fffaf3;
  --ink: #2a1830;
  --ink-soft: #4a3350;
  --ink-mute: #6b566f;
  --heading: #2a1830;
  --accent: #a24b28;
  --accent-light: #f3b54a;
  --accent-deep: #8a3a57;
  --accent-dark: #6b2a1a;
  --promise: #8a3a57;
  --focus: #8a3a57;
  --line: rgba(162, 75, 40, 0.38);
  --line-soft: rgba(138, 58, 87, 0.2);
  --accent-tint: rgba(243, 181, 74, 0.2);
  --accent-ring: rgba(243, 181, 74, 0.75);
  --accent-glow: rgba(233, 150, 122, 0.35);
  --accent-glow-strong: rgba(233, 150, 122, 0.65);
  --cost: #962f5c;
  --on-accent: #2a1830;
  --btn-top: #ffd889;
  --btn-bottom: #f3a944;
  --btn-hover: #ffe6ad;
  --frame-gradient: linear-gradient(180deg, #ffe0a0, #e9967a 50%, #8a3a57);
  --title-gradient: linear-gradient(180deg, #8a3a57 10%, #a24b28 55%, #c96a1f 100%);
  --title-shadow: rgba(255, 250, 240, 0.95);
  --title-drop: rgba(255, 248, 236, 0.9);
  --veil: 246, 239, 227;
  --header-bg: rgba(250, 244, 234, 0.95);
  --shadow: rgba(70, 35, 45, 0.18);
  --locked-bg: rgba(42, 24, 48, 0.05);
  --locked-ink: #8a7884;
  --icon-filter: brightness(0) saturate(100%) invert(14%) sepia(18%) saturate(1600%) hue-rotate(250deg);
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a24b28' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #c0782a;
  --lane-2: #b0456e;
  --lane-3: #4f8a6a;
  --wood: #e7d3bf;
  --wood-edge: #b99572;
  --cosmos-top: #fff8ee;
  --cosmos-mid: #f6e3d6;
  --star: #b56a3a;
  --figure: #c0782a;
}

/* Barbare : défilé rocheux, braises rouges */
[data-theme="barbarian"] {
  color-scheme: dark;
  --bg: #1a0808;
  --panel: #2c1212;
  --panel-2: #391a1a;
  --panel-3: #240e0e;
  --ink: #fff4f4;
  --ink-soft: #dfcaca;
  --ink-mute: #ba9c9c;
  --heading: #fffafa;
  --accent: #ff4b4b;
  --accent-light: #ff9393;
  --accent-deep: #b33535;
  --accent-dark: #732222;
  --promise: #ff9393;
  --focus: #ff9393;
  --line: rgba(255, 75, 75, 0.32);
  --line-soft: rgba(255, 75, 75, 0.16);
  --accent-tint: rgba(255, 75, 75, 0.1);
  --accent-ring: rgba(255, 147, 147, 0.6);
  --accent-glow: rgba(255, 75, 75, 0.3);
  --accent-glow-strong: rgba(255, 75, 75, 0.6);
  --cost: #ffab7a;
  --on-accent: #1f0909;
  --btn-top: #ff9393;
  --btn-bottom: #ff4b4b;
  --btn-hover: #ffc0c0;
  --frame-gradient: linear-gradient(180deg, #ff9393, #ff4b4b 45%, #b33535);
  --title-gradient: linear-gradient(180deg, #ffdfdf 10%, #ff9393 45%, #ff4b4b 70%, #b33535 100%);
  --title-shadow: rgba(0, 0, 0, 0.9);
  --title-drop: rgba(0, 0, 0, 0.85);
  --veil: 26, 8, 8;
  --header-bg: rgba(26, 8, 8, 0.93);
  --shadow: rgba(0, 0, 0, 0.6);
  --locked-bg: rgba(255, 255, 255, 0.04);
  --locked-ink: #a49090;
  --icon-filter: none;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ff4b4b' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #ff4b4b;
  --lane-2: #d77862;
  --lane-3: #ff9b6b;
  --wood: #4c1717;
  --wood-edge: #7a2424;
  --cosmos-top: #110505;
  --cosmos-mid: #2b0c0c;
  --star: #ffd7d7;
  --figure: #ff4b4b;
}

/* Barde : amphithéâtre nocturne rose */
[data-theme="bard"] {
  color-scheme: dark;
  --bg: #1a0b19;
  --panel: #2c1929;
  --panel-2: #382335;
  --panel-3: #241322;
  --ink: #fef8fc;
  --ink-soft: #ded2db;
  --ink-mute: #b9a6b4;
  --heading: #fffcfe;
  --accent: #f68fd5;
  --accent-light: #fabce6;
  --accent-deep: #ac6495;
  --accent-dark: #6f4060;
  --promise: #fabce6;
  --focus: #fabce6;
  --line: rgba(246, 143, 213, 0.32);
  --line-soft: rgba(246, 143, 213, 0.16);
  --accent-tint: rgba(246, 143, 213, 0.1);
  --accent-ring: rgba(250, 188, 230, 0.6);
  --accent-glow: rgba(246, 143, 213, 0.3);
  --accent-glow-strong: rgba(246, 143, 213, 0.6);
  --cost: #ffab7a;
  --on-accent: #1e111a;
  --btn-top: #fabce6;
  --btn-bottom: #f68fd5;
  --btn-hover: #fcd8f0;
  --frame-gradient: linear-gradient(180deg, #fabce6, #f68fd5 45%, #ac6495);
  --title-gradient: linear-gradient(180deg, #fdebf7 10%, #fabce6 45%, #f68fd5 70%, #ac6495 100%);
  --title-shadow: rgba(0, 0, 0, 0.9);
  --title-drop: rgba(0, 0, 0, 0.85);
  --veil: 26, 11, 25;
  --header-bg: rgba(26, 11, 25, 0.93);
  --shadow: rgba(0, 0, 0, 0.6);
  --locked-bg: rgba(255, 255, 255, 0.04);
  --locked-ink: #a396a1;
  --icon-filter: none;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f68fd5' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #f68fd5;
  --lane-2: #ce6daf;
  --lane-3: #ffbbdd;
  --wood: #4a2842;
  --wood-edge: #764268;
  --cosmos-top: #120811;
  --cosmos-mid: #2a1026;
  --star: #fde6f6;
  --figure: #f68fd5;
}

/* Druide : clairière, vert feuille */
[data-theme="druid"] {
  color-scheme: dark;
  --bg: #09170e;
  --panel: #15271a;
  --panel-2: #1e3324;
  --panel-3: #102015;
  --ink: #f6fcf7;
  --ink-soft: #cdd9d0;
  --ink-mute: #a0b2a4;
  --heading: #fafefb;
  --accent: #68cf78;
  --accent-light: #a4e2ae;
  --accent-deep: #499154;
  --accent-dark: #2f5d36;
  --promise: #a4e2ae;
  --focus: #a4e2ae;
  --line: rgba(104, 207, 120, 0.32);
  --line-soft: rgba(104, 207, 120, 0.16);
  --accent-tint: rgba(104, 207, 120, 0.1);
  --accent-ring: rgba(164, 226, 174, 0.6);
  --accent-glow: rgba(104, 207, 120, 0.3);
  --accent-glow-strong: rgba(104, 207, 120, 0.6);
  --cost: #ffab7a;
  --on-accent: #0c190e;
  --btn-top: #a4e2ae;
  --btn-bottom: #68cf78;
  --btn-hover: #caeed0;
  --frame-gradient: linear-gradient(180deg, #a4e2ae, #68cf78 45%, #499154);
  --title-gradient: linear-gradient(180deg, #e4f6e7 10%, #a4e2ae 45%, #68cf78 70%, #499154 100%);
  --title-shadow: rgba(0, 0, 0, 0.9);
  --title-drop: rgba(0, 0, 0, 0.85);
  --veil: 9, 23, 14;
  --header-bg: rgba(9, 23, 14, 0.93);
  --shadow: rgba(0, 0, 0, 0.6);
  --locked-bg: rgba(255, 255, 255, 0.04);
  --locked-ink: #93a096;
  --icon-filter: none;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2368cf78' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #68cf78;
  --lane-2: #3caa76;
  --lane-3: #b8df8c;
  --wood: #1e3f25;
  --wood-edge: #31643b;
  --cosmos-top: #061009;
  --cosmos-mid: #112b1b;
  --star: #def4e1;
  --figure: #68cf78;
}

/* Moine : monastère sur falaise, cuivre */
[data-theme="monk"] {
  color-scheme: dark;
  --bg: #1b1008;
  --panel: #2d1f14;
  --panel-2: #3a291c;
  --panel-3: #25190f;
  --ink: #fffaf6;
  --ink-soft: #dfd5cc;
  --ink-mute: #bbac9f;
  --heading: #fffdfa;
  --accent: #ffae62;
  --accent-light: #ffcea1;
  --accent-deep: #b37a45;
  --accent-dark: #734e2c;
  --promise: #ffcea1;
  --focus: #ffcea1;
  --line: rgba(255, 174, 98, 0.32);
  --line-soft: rgba(255, 174, 98, 0.16);
  --accent-tint: rgba(255, 174, 98, 0.1);
  --accent-ring: rgba(255, 206, 161, 0.6);
  --accent-glow: rgba(255, 174, 98, 0.3);
  --accent-glow-strong: rgba(255, 174, 98, 0.6);
  --cost: #ffab7a;
  --on-accent: #1f150c;
  --btn-top: #ffcea1;
  --btn-bottom: #ffae62;
  --btn-hover: #ffe3c8;
  --frame-gradient: linear-gradient(180deg, #ffcea1, #ffae62 45%, #b37a45);
  --title-gradient: linear-gradient(180deg, #fff0e3 10%, #ffcea1 45%, #ffae62 70%, #b37a45 100%);
  --title-shadow: rgba(0, 0, 0, 0.9);
  --title-drop: rgba(0, 0, 0, 0.85);
  --veil: 27, 16, 8;
  --header-bg: rgba(27, 16, 8, 0.93);
  --shadow: rgba(0, 0, 0, 0.6);
  --locked-bg: rgba(255, 255, 255, 0.04);
  --locked-ink: #a49b92;
  --icon-filter: none;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffae62' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #ffae62;
  --lane-2: #e6894a;
  --lane-3: #ffd59b;
  --wood: #4d331c;
  --wood-edge: #7b522e;
  --cosmos-top: #120b05;
  --cosmos-mid: #2b1b0d;
  --star: #ffeddc;
  --figure: #ffae62;
}

/* Paladin : forteresse, bleu et argent */
[data-theme="paladin"] {
  color-scheme: dark;
  --bg: #0d1426;
  --panel: #182237;
  --panel-2: #202c44;
  --panel-3: #131b30;
  --ink: #f5f9ff;
  --ink-soft: #ccd5e1;
  --ink-mute: #9fabbe;
  --heading: #fafcff;
  --accent: #5aa0ff;
  --accent-light: #9cc6ff;
  --accent-deep: #3f70b3;
  --accent-dark: #284873;
  --promise: #9cc6ff;
  --focus: #9cc6ff;
  --line: rgba(90, 160, 255, 0.32);
  --line-soft: rgba(90, 160, 255, 0.16);
  --accent-tint: rgba(90, 160, 255, 0.1);
  --accent-ring: rgba(156, 198, 255, 0.6);
  --accent-glow: rgba(90, 160, 255, 0.3);
  --accent-glow-strong: rgba(90, 160, 255, 0.6);
  --cost: #ffab7a;
  --on-accent: #0b131f;
  --btn-top: #9cc6ff;
  --btn-bottom: #5aa0ff;
  --btn-hover: #c5deff;
  --frame-gradient: linear-gradient(180deg, #9cc6ff, #5aa0ff 45%, #3f70b3);
  --title-gradient: linear-gradient(180deg, #e1eeff 10%, #9cc6ff 45%, #5aa0ff 70%, #3f70b3 100%);
  --title-shadow: rgba(0, 0, 0, 0.9);
  --title-drop: rgba(0, 0, 0, 0.85);
  --veil: 13, 20, 38;
  --header-bg: rgba(13, 20, 38, 0.93);
  --shadow: rgba(0, 0, 0, 0.6);
  --locked-bg: rgba(255, 255, 255, 0.04);
  --locked-ink: #939ca9;
  --icon-filter: none;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235aa0ff' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #5aa0ff;
  --lane-2: #8ebcfa;
  --lane-3: #cadfff;
  --wood: #1e3356;
  --wood-edge: #2d4f81;
  --cosmos-top: #080e1b;
  --cosmos-mid: #182645;
  --star: #dbeaff;
  --figure: #5aa0ff;
}

/* Rôdeur : forêt et ruisseau turquoise */
[data-theme="ranger"] {
  color-scheme: dark;
  --bg: #071914;
  --panel: #112923;
  --panel-2: #19342d;
  --panel-3: #0d211c;
  --ink: #f4fcfa;
  --ink-soft: #c9dad6;
  --ink-mute: #9bb3ad;
  --heading: #fafdfd;
  --accent: #48cbb0;
  --accent-light: #91e0d0;
  --accent-deep: #328e7b;
  --accent-dark: #205b4f;
  --promise: #91e0d0;
  --focus: #91e0d0;
  --line: rgba(72, 203, 176, 0.32);
  --line-soft: rgba(72, 203, 176, 0.16);
  --accent-tint: rgba(72, 203, 176, 0.1);
  --accent-ring: rgba(145, 224, 208, 0.6);
  --accent-glow: rgba(72, 203, 176, 0.3);
  --accent-glow-strong: rgba(72, 203, 176, 0.6);
  --cost: #ffab7a;
  --on-accent: #091815;
  --btn-top: #91e0d0;
  --btn-bottom: #48cbb0;
  --btn-hover: #bfede3;
  --frame-gradient: linear-gradient(180deg, #91e0d0, #48cbb0 45%, #328e7b);
  --title-gradient: linear-gradient(180deg, #def6f1 10%, #91e0d0 45%, #48cbb0 70%, #328e7b 100%);
  --title-shadow: rgba(0, 0, 0, 0.9);
  --title-drop: rgba(0, 0, 0, 0.85);
  --veil: 7, 25, 20;
  --header-bg: rgba(7, 25, 20, 0.93);
  --shadow: rgba(0, 0, 0, 0.6);
  --locked-bg: rgba(255, 255, 255, 0.04);
  --locked-ink: #90a09c;
  --icon-filter: none;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2348cbb0' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #48cbb0;
  --lane-2: #2ca49d;
  --lane-3: #9ee0c3;
  --wood: #154036;
  --wood-edge: #226456;
  --cosmos-top: #04110d;
  --cosmos-mid: #0c2a22;
  --star: #d7f4ee;
  --figure: #48cbb0;
}

/* Roublard : ruelles, ardoise et argent */
[data-theme="rogue"] {
  color-scheme: dark;
  --bg: #11151c;
  --panel: #20242c;
  --panel-2: #2a2f37;
  --panel-3: #191d24;
  --ink: #fafbfc;
  --ink-soft: #d6d7da;
  --ink-mute: #acb0b4;
  --heading: #fdfdfd;
  --accent: #b0bdcc;
  --accent-light: #d0d7e0;
  --accent-deep: #7b848f;
  --accent-dark: #4f555c;
  --promise: #d0d7e0;
  --focus: #d0d7e0;
  --line: rgba(176, 189, 204, 0.32);
  --line-soft: rgba(176, 189, 204, 0.16);
  --accent-tint: rgba(176, 189, 204, 0.1);
  --accent-ring: rgba(208, 215, 224, 0.6);
  --accent-glow: rgba(176, 189, 204, 0.3);
  --accent-glow-strong: rgba(176, 189, 204, 0.6);
  --cost: #ffab7a;
  --on-accent: #151718;
  --btn-top: #d0d7e0;
  --btn-bottom: #b0bdcc;
  --btn-hover: #e3e8ed;
  --frame-gradient: linear-gradient(180deg, #d0d7e0, #b0bdcc 45%, #7b848f);
  --title-gradient: linear-gradient(180deg, #f1f3f6 10%, #d0d7e0 45%, #b0bdcc 70%, #7b848f 100%);
  --title-shadow: rgba(0, 0, 0, 0.9);
  --title-drop: rgba(0, 0, 0, 0.85);
  --veil: 17, 21, 28;
  --header-bg: rgba(17, 21, 28, 0.93);
  --shadow: rgba(0, 0, 0, 0.6);
  --locked-bg: rgba(255, 255, 255, 0.04);
  --locked-ink: #9b9da1;
  --icon-filter: none;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23b0bdcc' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #b0bdcc;
  --lane-2: #7f91a8;
  --lane-3: #d7deea;
  --wood: #343a43;
  --wood-edge: #545c66;
  --cosmos-top: #090d13;
  --cosmos-mid: #1a2330;
  --star: #eef0f4;
  --figure: #b0bdcc;
}

/* Ensorceleur : falaises et tempête violet-magenta */
[data-theme="sorcerer"] {
  color-scheme: dark;
  --bg: #190c24;
  --panel: #291834;
  --panel-2: #332040;
  --panel-3: #21132d;
  --ink: #fbf6fe;
  --ink-soft: #d9cede;
  --ink-mute: #b2a1ba;
  --heading: #fdfafe;
  --accent: #c467e8;
  --accent-light: #dca4f1;
  --accent-deep: #8948a2;
  --accent-dark: #582e68;
  --promise: #dca4f1;
  --focus: #dca4f1;
  --line: rgba(196, 103, 232, 0.32);
  --line-soft: rgba(196, 103, 232, 0.16);
  --accent-tint: rgba(196, 103, 232, 0.1);
  --accent-ring: rgba(220, 164, 241, 0.6);
  --accent-glow: rgba(196, 103, 232, 0.3);
  --accent-glow-strong: rgba(196, 103, 232, 0.6);
  --cost: #ffab7a;
  --on-accent: #180c1c;
  --btn-top: #dca4f1;
  --btn-bottom: #c467e8;
  --btn-hover: #eacaf7;
  --frame-gradient: linear-gradient(180deg, #dca4f1, #c467e8 45%, #8948a2);
  --title-gradient: linear-gradient(180deg, #f4e4fb 10%, #dca4f1 45%, #c467e8 70%, #8948a2 100%);
  --title-shadow: rgba(0, 0, 0, 0.9);
  --title-drop: rgba(0, 0, 0, 0.85);
  --veil: 25, 12, 36;
  --header-bg: rgba(25, 12, 36, 0.93);
  --shadow: rgba(0, 0, 0, 0.6);
  --locked-bg: rgba(255, 255, 255, 0.04);
  --locked-ink: #a094a7;
  --icon-filter: none;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c467e8' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #c467e8;
  --lane-2: #944bc7;
  --lane-3: #efa0fa;
  --wood: #3f204f;
  --wood-edge: #613276;
  --cosmos-top: #100718;
  --cosmos-mid: #2b123c;
  --star: #f2defa;
  --figure: #c467e8;
}

/* Occultiste : ruines et cercle de pacte citron */
[data-theme="warlock"] {
  color-scheme: dark;
  --bg: #14180a;
  --panel: #242915;
  --panel-2: #2f351d;
  --panel-3: #1c2110;
  --ink: #fcfdf5;
  --ink-soft: #d8dbcc;
  --ink-mute: #b1b59e;
  --heading: #fdfefa;
  --accent: #c7dd55;
  --accent-light: #ddeb99;
  --accent-deep: #8b9b3c;
  --accent-dark: #5a6326;
  --promise: #ddeb99;
  --focus: #ddeb99;
  --line: rgba(199, 221, 85, 0.32);
  --line-soft: rgba(199, 221, 85, 0.16);
  --accent-tint: rgba(199, 221, 85, 0.1);
  --accent-ring: rgba(221, 235, 153, 0.6);
  --accent-glow: rgba(199, 221, 85, 0.3);
  --accent-glow-strong: rgba(199, 221, 85, 0.6);
  --cost: #ffab7a;
  --on-accent: #181b0a;
  --btn-top: #ddeb99;
  --btn-bottom: #c7dd55;
  --btn-hover: #ebf3c4;
  --frame-gradient: linear-gradient(180deg, #ddeb99, #c7dd55 45%, #8b9b3c);
  --title-gradient: linear-gradient(180deg, #f5f9e0 10%, #ddeb99 45%, #c7dd55 70%, #8b9b3c 100%);
  --title-shadow: rgba(0, 0, 0, 0.9);
  --title-drop: rgba(0, 0, 0, 0.85);
  --veil: 20, 24, 10;
  --header-bg: rgba(20, 24, 10, 0.93);
  --shadow: rgba(0, 0, 0, 0.6);
  --locked-bg: rgba(255, 255, 255, 0.04);
  --locked-ink: #9ea192;
  --icon-filter: none;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c7dd55' stroke-width='2'/%3E%3C/svg%3E");
  --lane-1: #c7dd55;
  --lane-2: #94b934;
  --lane-3: #edf5a0;
  --wood: #3b431b;
  --wood-edge: #5f6b2a;
  --cosmos-top: #0c1005;
  --cosmos-mid: #252d10;
  --star: #f3f8da;
  --figure: #c7dd55;
}

/* Couleur de chaque classe pour les tuiles du sélecteur (data-class). */
[data-class="fighter"] { --class-accent: #fcca06; }
[data-class="wizard"] { --class-accent: #59e3ff; }
[data-class="cleric"] { --class-accent: #a24b28; }
[data-class="barbarian"] { --class-accent: #ff4b4b; }
[data-class="bard"] { --class-accent: #f68fd5; }
[data-class="druid"] { --class-accent: #68cf78; }
[data-class="monk"] { --class-accent: #ffae62; }
[data-class="paladin"] { --class-accent: #5aa0ff; }
[data-class="ranger"] { --class-accent: #48cbb0; }
[data-class="rogue"] { --class-accent: #b0bdcc; }
[data-class="sorcerer"] { --class-accent: #c467e8; }
[data-class="warlock"] { --class-accent: #c7dd55; }