/* 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.
   Set moderne : 9 thèmes contemporains + le thème 3 (Pastel) conservé tel quel. */

/* 1 — Moderne : minimal lumineux, accent cobalt */
body.theme-1 {
  --bg: #f5f7fa;
  --surface: #ffffff;
  --ink: #0e1320;
  --muted: #64748b;
  --soft: #eef2f7;
  --line: #e4e9f1;
  --accent: #2563eb;
  --accent-2: #1d4ed8;
  --accent-soft: #e8f0fe;
  --danger: #dc2626;
  --ok: #16a34a;
  --radius: 16px;
  --shadow: 0 10px 30px rgba(15, 23, 42, .08);
  --shadow-strong: 0 20px 44px rgba(15, 23, 42, .14);
  --ph: rgba(37, 99, 235, .28);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* 2 — Obsidienne : luxe noir & or */
body.theme-2 {
  --bg: #0b0c10;
  --surface: #14161c;
  --ink: #f4f1e8;
  --muted: #9a9488;
  --soft: #1b1e26;
  --line: #2a2e38;
  --accent: #d4af37;
  --accent-2: #e7c15c;
  --accent-soft: #241f10;
  --danger: #f87171;
  --ok: #34d399;
  --radius: 16px;
  --shadow: 0 16px 40px rgba(0, 0, 0, .50);
  --shadow-strong: 0 24px 52px rgba(212, 175, 55, .16);
  --ph: rgba(212, 175, 55, .30);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Inter", system-ui, -apple-system, "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 — Émeraude : frais et naturel */
body.theme-4 {
  --bg: #f3faf6;
  --surface: #ffffff;
  --ink: #0c1f17;
  --muted: #5b7a6b;
  --soft: #e4f3ea;
  --line: #d6ebdf;
  --accent: #059669;
  --accent-2: #047857;
  --accent-soft: #e7f6ee;
  --danger: #dc2626;
  --ok: #16a34a;
  --radius: 18px;
  --shadow: 0 10px 30px rgba(4, 120, 87, .10);
  --shadow-strong: 0 20px 44px rgba(4, 120, 87, .16);
  --ph: rgba(5, 150, 105, .25);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* 5 — Océan : lagune limpide, cyan profond */
body.theme-5 {
  --bg: #f2f9fb;
  --surface: #ffffff;
  --ink: #0a2530;
  --muted: #5c7d88;
  --soft: #e0f1f6;
  --line: #cfe7ee;
  --accent: #0891b2;
  --accent-2: #06748f;
  --accent-soft: #e3f4f9;
  --danger: #e11d48;
  --ok: #10b981;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(8, 145, 178, .10);
  --shadow-strong: 0 20px 44px rgba(8, 145, 178, .16);
  --ph: rgba(8, 145, 178, .25);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* 6 — Corail : chaleur solaire contemporaine */
body.theme-6 {
  --bg: #fff7f2;
  --surface: #ffffff;
  --ink: #2a150c;
  --muted: #926a58;
  --soft: #ffe9dd;
  --line: #f7ddd0;
  --accent: #f97316;
  --accent-2: #ea580c;
  --accent-soft: #fff0e7;
  --danger: #dc2626;
  --ok: #16a34a;
  --radius: 18px;
  --shadow: 0 10px 30px rgba(234, 88, 12, .10);
  --shadow-strong: 0 20px 44px rgba(234, 88, 12, .16);
  --ph: rgba(249, 115, 22, .28);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* 7 — Graphite : contraste typographique, noir & blanc moderne */
body.theme-7 {
  --bg: #f4f4f5;
  --surface: #ffffff;
  --ink: #09090b;
  --muted: #71717a;
  --soft: #e4e4e7;
  --line: #d4d4d8;
  --accent: #18181b;
  --accent-2: #3f3f46;
  --accent-soft: #ececee;
  --danger: #dc2626;
  --ok: #15803d;
  --radius: 12px;
  --shadow: 0 8px 24px rgba(0, 0, 0, .08);
  --shadow-strong: 0 16px 36px rgba(0, 0, 0, .14);
  --ph: rgba(24, 24, 27, .18);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* 8 — Nuit : sombre moderne, accent lagon */
body.theme-8 {
  --bg: #0d1117;
  --surface: #161b22;
  --ink: #e6edf3;
  --muted: #8b949e;
  --soft: #1f2630;
  --line: #2d3643;
  --accent: #2dd4bf;
  --accent-2: #14b8a6;
  --accent-soft: #12312f;
  --danger: #f87171;
  --ok: #34d399;
  --radius: 14px;
  --shadow: 0 14px 36px rgba(0, 0, 0, .45);
  --shadow-strong: 0 24px 50px rgba(45, 212, 191, .16);
  --ph: rgba(45, 212, 191, .28);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* 9 — Bordeaux : élégance vin, lumineux */
body.theme-9 {
  --bg: #faf5f6;
  --surface: #ffffff;
  --ink: #241014;
  --muted: #80646b;
  --soft: #f3e2e6;
  --line: #eddcdf;
  --accent: #9f1239;
  --accent-2: #881337;
  --accent-soft: #f7e6ea;
  --danger: #be123c;
  --ok: #15803d;
  --radius: 16px;
  --shadow: 0 10px 30px rgba(159, 18, 57, .10);
  --shadow-strong: 0 20px 44px rgba(159, 18, 57, .16);
  --ph: rgba(159, 18, 57, .24);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* 10 — Arctique : glace, bleu profond épuré */
body.theme-10 {
  --bg: #f4f8fc;
  --surface: #ffffff;
  --ink: #0d2233;
  --muted: #5f7a8c;
  --soft: #e4eef8;
  --line: #d6e4f2;
  --accent: #0369a1;
  --accent-2: #075985;
  --accent-soft: #e6f1fb;
  --danger: #e11d48;
  --ok: #0d9488;
  --radius: 20px;
  --shadow: 0 10px 30px rgba(3, 105, 161, .10);
  --shadow-strong: 0 20px 44px rgba(3, 105, 161, .16);
  --ph: rgba(3, 105, 161, .24);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}