/* Habillages : une palette + une paire de polices par thématique, choisis par le générateur.
   La maquette les montre sur le même contenu (barre « Maquette » ou ?theme=…).
   Polices : titres expressifs + texte courant très lisible (Inter, DM Sans, Manrope, Plus Jakarta Sans). */

:root, [data-theme="jardin"] {
  /* Fraunces (serif douce, chaleureuse) + Inter */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-head: "Fraunces", Georgia, serif;
  --head-weight: 650;
  --head-tracking: -0.02em;
  --h1-max: 3.1rem;
  --bg: #ffffff;
  --surface: #f4f6f0;
  --surface-2: #e8ede0;
  --line: #dde3d4;
  --ink: #1d2a1f;
  --muted: #5b6b5d;
  --brand: #2f7d4f;
  --brand-ink: #1f5c39;
  --brand-soft: #dcefe2;
  --brand-on-dark: #8fd9a8;
  --on-brand: #ffffff;
  --cta: #f08c1a;
  --cta-hover: #d97806;
  --on-cta: #1d1300;
  --gold-soft: #fbefd2;
  --gold-ink: #7a5300;
  --ok: #2f7d4f;
  --ok-soft: #e7f4ea;
  --ko: #c2412d;
  --ko-soft: #fbeae6;
  --warn: #c98a00;
  --warn-ink: #7a5300;
  --warn-soft: #fff6dd;
  --radius: 16px;
  --radius-lg: 22px;
  --radius-btn: 14px;
  --shadow: 0 1px 2px rgba(20, 40, 25, .05), 0 8px 24px -16px rgba(20, 40, 25, .25);
  --shadow-lg: 0 24px 60px -28px rgba(20, 40, 25, .35);
}

[data-theme="cuisine"] {
  /* Bricolage Grotesque (grotesque à caractère) + Inter */
  --font-head: "Bricolage Grotesque", system-ui, sans-serif;
  --head-weight: 750;
  --head-tracking: -0.03em;
  --h1-max: 3rem;
  --bg: #fffdf9;
  --surface: #f8f1e9;
  --surface-2: #efe4d6;
  --line: #e6d9c8;
  --ink: #2b1d15;
  --muted: #74604f;
  --brand: #c4572e;
  --brand-ink: #9a3f1d;
  --brand-soft: #f8e0d4;
  --brand-on-dark: #ffb08f;
  --cta: #1f6f5c;
  --cta-hover: #155646;
  --on-cta: #ffffff;
  --ok: #1f6f5c;
  --ok-soft: #e3f2ec;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-btn: 10px;
}

[data-theme="beaute"] {
  /* Fraunces en graisse légère (douce, élégante) + DM Sans */
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-head: "Fraunces", Georgia, serif;
  --head-weight: 480;
  --head-tracking: -0.015em;
  --h1-max: 3rem;
  --bg: #fffafb;
  --surface: #f9eef1;
  --surface-2: #f1dfe4;
  --line: #ecd6dc;
  --ink: #2a1a20;
  --muted: #7a5f69;
  --brand: #a3416b;
  --brand-ink: #7f2c50;
  --brand-soft: #f6dde7;
  --brand-on-dark: #f3a6c6;
  --cta: #2a1a20;
  --cta-hover: #000000;
  --on-cta: #ffffff;
  --ok: #3f7a5a;
  --ok-soft: #e6f2ea;
  --radius: 22px;
  --radius-lg: 28px;
  --radius-btn: 999px;
}

[data-theme="tech"] {
  /* Space Grotesk (technique, géométrique) + Inter : bricolage, outillage, high-tech */
  --font-head: "Space Grotesk", system-ui, sans-serif;
  --head-weight: 700;
  --head-tracking: -0.03em;
  --h1-max: 3rem;
  --bg: #ffffff;
  --surface: #f1f4f9;
  --surface-2: #e3e9f2;
  --line: #d9e0ea;
  --ink: #0f1722;
  --muted: #5a6677;
  --brand: #1f5fd1;
  --brand-ink: #1647a0;
  --brand-soft: #dde8fb;
  --brand-on-dark: #9cc0ff;
  --cta: #ffc51a;
  --cta-hover: #f0b400;
  --on-cta: #111111;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-btn: 8px;
}

[data-theme="maison"] {
  /* Bricolage Grotesque en demi-gras + Manrope : maison, literie, déco */
  --font-body: "Manrope", system-ui, sans-serif;
  --font-head: "Bricolage Grotesque", system-ui, sans-serif;
  --head-weight: 600;
  --head-tracking: -0.025em;
  --h1-max: 3.2rem;
  --bg: #fcfaf6;
  --surface: #f3eee5;
  --surface-2: #e9e1d3;
  --line: #e2d8c6;
  --ink: #1f2433;
  --muted: #646b7c;
  --brand: #2c3e66;
  --brand-ink: #1f2d4d;
  --brand-soft: #e1e6f1;
  --brand-on-dark: #b5c4e6;
  --cta: #c8693b;
  --cta-hover: #ad5427;
  --on-cta: #ffffff;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-btn: 12px;
}

[data-theme="sport"] {
  /* Plus Jakarta Sans en gras pour les titres, même famille pour le texte : sport, outdoor, puériculture */
  --font-body: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-head: "Plus Jakarta Sans", system-ui, sans-serif;
  --head-weight: 800;
  --head-tracking: -0.022em;
  --h1-max: 2.9rem;
  --bg: #ffffff;
  --surface: #eef7f6;
  --surface-2: #dceeed;
  --line: #d3e6e4;
  --ink: #102624;
  --muted: #557270;
  --brand: #0f8a7e;
  --brand-ink: #0b6a61;
  --brand-soft: #d4f0ec;
  --brand-on-dark: #7fe0d4;
  --cta: #ff6b4a;
  --cta-hover: #ec5432;
  --on-cta: #ffffff;
  --radius: 18px;
  --radius-lg: 24px;
  --radius-btn: 999px;
}