/* ==========================================================================
   theme.css — variante CRÉATIVE
   >>> C'est le fichier à modifier en premier pour adapter le template à un
   nouveau client : couleurs, polices, rayons. <<<
   ========================================================================== */

:root {
  --color-bg: #fffdf9;
  --color-bg-alt: #f5eefe;
  --color-surface: #ffffff;
  --color-text: #3a2e4d;
  --color-text-muted: #6f6485;
  --color-heading: #2a1f3d;
  --color-primary: #7c3aed;
  --color-primary-hover: #6d28d9;
  --color-on-primary: #ffffff;
  --color-accent: #ff8a5b;
  --color-border: #ece3fb;

  --font-heading: "Trebuchet MS", "Segoe UI", sans-serif;
  --font-body: Verdana, Geneva, sans-serif;

  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 36px;

  --shadow-sm: 0 2px 8px rgba(124, 58, 237, 0.12);
  --shadow-md: 0 16px 36px rgba(124, 58, 237, 0.18);
}

[data-theme="dark"] {
  --color-bg: #1c1330;
  --color-bg-alt: #241a3d;
  --color-surface: #2a1f47;
  --color-text: #ded6f0;
  --color-text-muted: #a89ac7;
  --color-heading: #f6f1ff;
  --color-primary: #a78bfa;
  --color-primary-hover: #bda4fc;
  --color-on-primary: #1c1330;
  --color-accent: #ffab7b;
  --color-border: #3a2c5c;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 16px 36px rgba(0, 0, 0, 0.45);
}