/* 10 thèmes de vitrine (multi-boutique, génériques — pas « meuble »).
   Le JS pose body.theme-N ; chaque thème surcharge les variables de style.css. */

/* 1 — Argan : chaleur crème / terracotta (défaut, fidèle au look historique) */
body.theme-1 {
  --bg: #faf5ec;
  --surface: #fffdf9;
  --ink: #33291d;
  --muted: #8b7d6a;
  --soft: #f1e6d2;
  --line: #e8dcc8;
  --accent: #b3703c;
  --accent-2: #8a5a30;
  --accent-soft: #f4e9d8;
  --danger: #b8513f;
  --ok: #4f7c5a;
  --radius: 20px;
  --shadow: 0 12px 32px rgba(122, 88, 40, .10);
  --shadow-strong: 0 20px 40px rgba(122, 88, 40, .16);
  --ph: rgba(138, 90, 48, .35);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: Georgia, "Times New Roman", serif;
}

/* 2 — Néon : nuit électrique, cyan / magenta */
body.theme-2 {
  --bg: #0b0e14;
  --surface: #141924;
  --ink: #e6ecf5;
  --muted: #8b96a8;
  --soft: #1c2534;
  --line: #2a3547;
  --accent: #00e5ff;
  --accent-2: #ff4fd8;
  --accent-soft: #16202c;
  --danger: #ff6b6b;
  --ok: #39d98a;
  --radius: 14px;
  --shadow: 0 14px 36px rgba(0, 0, 0, .45);
  --shadow-strong: 0 24px 48px rgba(0, 229, 255, .18);
  --ph: rgba(0, 229, 255, .28);
  --font: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Segoe UI", Roboto, sans-serif;
}

/* 3 — Pastel : douceur rosée */
body.theme-3 {
  --bg: #fff3f6;
  --surface: #fffdfc;
  --ink: #4a3540;
  --muted: #a08a96;
  --soft: #f6dded;
  --line: #f0d3e2;
  --accent: #e884a6;
  --accent-2: #b04e74;
  --accent-soft: #fce7ef;
  --danger: #d65a7c;
  --ok: #7fae8b;
  --radius: 24px;
  --shadow: 0 12px 30px rgba(176, 78, 116, .10);
  --shadow-strong: 0 20px 40px rgba(176, 78, 116, .18);
  --ph: rgba(176, 78, 116, .28);
  --font: system-ui, "Segoe UI", Roboto, sans-serif;
  --serif: Georgia, "Times New Roman", serif;
}

/* 4 — Nature : organique, verts apaisés */
body.theme-4 {
  --bg: #f1f6ee;
  --surface: #fbfefa;
  --ink: #2c3a2e;
  --muted: #7d8f7e;
  --soft: #dfeada;
  --line: #d5e2ce;
  --accent: #4e8d5c;
  --accent-2: #2f6b45;
  --accent-soft: #e6f0e2;
  --danger: #b8513f;
  --ok: #3f7d63;
  --radius: 18px;
  --shadow: 0 12px 30px rgba(47, 107, 69, .09);
  --shadow-strong: 0 20px 40px rgba(47, 107, 69, .16);
  --ph: rgba(47, 107, 69, .30);
  --font: system-ui, "Segoe UI", Roboto, sans-serif;
  --serif: Georgia, "Times New Roman", serif;
}

/* 5 — Méditerranée : soleil, ciel et mer */
body.theme-5 {
  --bg: #f2f7fb;
  --surface: #ffffff;
  --ink: #203a54;
  --muted: #6f8ba6;
  --soft: #dceaf7;
  --line: #d3e3f2;
  --accent: #2f76c4;
  --accent-2: #1d4f86;
  --accent-soft: #e4f0fb;
  --danger: #c4503a;
  --ok: #2f8f6b;
  --radius: 16px;
  --shadow: 0 12px 30px rgba(29, 79, 134, .10);
  --shadow-strong: 0 20px 40px rgba(29, 79, 134, .16);
  --ph: rgba(29, 79, 134, .28);
  --font: system-ui, "Segoe UI", Roboto, sans-serif;
  --serif: Georgia, "Times New Roman", serif;
}

/* 6 — Rétro : années 70, sarcelle et oranger */
body.theme-6 {
  --bg: #f6ead4;
  --surface: #fffaf0;
  --ink: #3d3226;
  --muted: #93795c;
  --soft: #ecd9b8;
  --line: #e0ccaa;
  --accent: #1f8a8a;
  --accent-2: #b4502c;
  --accent-soft: #f7ecd6;
  --danger: #b4502c;
  --ok: #5d8a3c;
  --radius: 10px;
  --shadow: 0 10px 24px rgba(61, 50, 38, .14);
  --shadow-strong: 0 18px 36px rgba(61, 50, 38, .22);
  --ph: rgba(180, 80, 44, .32);
  --font: "Trebuchet MS", Verdana, sans-serif;
  --serif: "Trebuchet MS", Verdana, sans-serif;
}

/* 7 — Mono : noir & blanc, graphique épuré */
body.theme-7 {
  --bg: #f7f7f5;
  --surface: #ffffff;
  --ink: #111111;
  --muted: #6f6f6f;
  --soft: #ecece9;
  --line: #d9d9d4;
  --accent: #111111;
  --accent-2: #333333;
  --accent-soft: #eceae6;
  --danger: #a11;
  --ok: #2a7a4b;
  --radius: 6px;
  --shadow: 0 10px 26px rgba(0, 0, 0, .08);
  --shadow-strong: 0 18px 38px rgba(0, 0, 0, .14);
  --ph: rgba(17, 17, 17, .18);
  --font: "Helvetica Neue", Arial, sans-serif;
  --serif: "Courier New", monospace;
}

/* 8 — Bleu Pro : SaaS net et direct */
body.theme-8 {
  --bg: #f6f9ff;
  --surface: #ffffff;
  --ink: #16233c;
  --muted: #5f6f87;
  --soft: #dbe6ff;
  --line: #d3def5;
  --accent: #2563eb;
  --accent-2: #1d4ed8;
  --accent-soft: #edf3ff;
  --danger: #dc2626;
  --ok: #16a34a;
  --radius: 12px;
  --shadow: 0 10px 26px rgba(37, 99, 235, .08);
  --shadow-strong: 0 18px 38px rgba(37, 99, 235, .14);
  --ph: rgba(29, 78, 216, .25);
  --font: "Inter", "Segoe UI", system-ui, sans-serif;
  --serif: "Inter", "Segoe UI", sans-serif;
}

/* 9 — Édito : presse, crème / encre */
body.theme-9 {
  --bg: #fbfaf6;
  --surface: #ffffff;
  --ink: #1c1b18;
  --muted: #6f6a60;
  --soft: #efe9dd;
  --line: #e3ddd0;
  --accent: #a3251f;
  --accent-2: #6e1612;
  --accent-soft: #f4efe7;
  --danger: #a3251f;
  --ok: #4f7c5a;
  --radius: 6px;
  --shadow: 0 8px 20px rgba(28, 27, 24, .06);
  --shadow-strong: 0 14px 30px rgba(28, 27, 24, .12);
  --ph: rgba(110, 22, 18, .22);
  --font: Georgia, "Times New Roman", serif;
  --serif: "Playfair Display", Georgia, serif;
}

/* 10 — Boréal : glace, bleus limpides */
body.theme-10 {
  --bg: #eaf3f7;
  --surface: #fdfdfc;
  --ink: #1f3a4a;
  --muted: #5f7c8c;
  --soft: #d5e7ee;
  --line: #c8dde6;
  --accent: #165a72;
  --accent-2: #0e3c50;
  --accent-soft: #e2eef4;
  --danger: #b04a32;
  --ok: #2f6e7e;
  --radius: 22px;
  --shadow: 0 12px 30px rgba(22, 90, 114, .10);
  --shadow-strong: 0 20px 40px rgba(22, 90, 114, .16);
  --ph: rgba(14, 60, 80, .26);
  --font: system-ui, "Segoe UI", Roboto, sans-serif;
  --serif: Georgia, "Times New Roman", serif;
}