/* ==========================================================================
   Consent Kit — thèmes prêts à l'emploi
   Facultatif : le kit fonctionne sans. Un thème n'est qu'un jeu de variables.
   Usage : ConsentKit.init({ theme: 'unsa' })  ou  <div data-ck-theme="unsa">
   Pour un nouveau site, copier un bloc et changer 4 valeurs : --ck-accent,
   --ck-accent-hover, --ck-accent-soft, --ck-radius.
   ========================================================================== */

/* --- MYchevalet : indigo, coins généreux, ombre flottante ---------------- */
.ck[data-ck-theme="mychevalet"] {
  --ck-font: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ck-accent: #4f46e5;
  --ck-accent-hover: #4338ca;
  --ck-accent-soft: #eef2ff;
  --ck-fg: #0f172a;
  --ck-muted: #64748b;
  --ck-radius: 20px;
  --ck-btn-radius: 12px;
  --ck-shadow: 0 24px 50px -20px rgba(15, 23, 42, 0.35), 0 0 0 1px rgba(15, 23, 42, 0.05);
}

/* --- UNSA : bleu institutionnel #009ee0, texte blanc sur l'accent ------- */
.ck[data-ck-theme="unsa"] {
  --ck-font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --ck-accent: #009ee0;
  --ck-accent-hover: #0086bf;
  --ck-accent-fg: #ffffff;
  --ck-accent-soft: rgba(0, 158, 224, 0.12);
  --ck-fg: #16283c;
  --ck-muted: #5a6a7a;
  --ck-radius: 14px;
  --ck-btn-radius: 8px;
  --ck-shadow: 0 18px 40px -18px rgba(22, 40, 60, 0.35), 0 0 0 1px rgba(22, 40, 60, 0.06);
}

/* --- Sombre : carte translucide sur fond profond ------------------------ */
.ck[data-ck-theme="dark"] {
  --ck-bg: rgba(17, 24, 39, 0.92);
  --ck-fg: #f1f5f9;
  --ck-muted: #94a3b8;
  --ck-border: rgba(148, 163, 184, 0.18);
  --ck-shadow: 0 28px 60px -20px rgba(0, 0, 0, 0.7);
  --ck-blur: 14px;
  --ck-accent: #818cf8;
  --ck-accent-hover: #6366f1;
  --ck-accent-fg: #0b1020;
  --ck-accent-soft: rgba(129, 140, 248, 0.16);
  --ck-alt-bg: rgba(148, 163, 184, 0.12);
  --ck-alt-fg: #e2e8f0;
  --ck-alt-border: rgba(148, 163, 184, 0.22);
  --ck-alt-hover: rgba(148, 163, 184, 0.2);
}

/* --- Papier : chaud, éditorial, coins doux (sites vitrines) ------------- */
.ck[data-ck-theme="paper"] {
  --ck-bg: #fffdf8;
  --ck-fg: #2b2520;
  --ck-muted: #7a6f64;
  --ck-border: rgba(43, 37, 32, 0.12);
  --ck-accent: #b4562d;
  --ck-accent-hover: #97441f;
  --ck-accent-soft: rgba(180, 86, 45, 0.10);
  --ck-alt-bg: rgba(43, 37, 32, 0.05);
  --ck-alt-fg: #2b2520;
  --ck-alt-border: rgba(43, 37, 32, 0.14);
  --ck-radius: 6px;
  --ck-btn-radius: 4px;
  --ck-shadow: 0 20px 44px -18px rgba(43, 37, 32, 0.28), 0 0 0 1px rgba(43, 37, 32, 0.05);
}

/* --- Suivi automatique du thème système, si le site le fait aussi -------
   À activer en ajoutant data-ck-theme="auto" — clair par défaut, la carte
   bascule en sombre quand le système est en sombre. */
@media (prefers-color-scheme: dark) {
  .ck[data-ck-theme="auto"] {
    --ck-bg: rgba(17, 24, 39, 0.92);
    --ck-fg: #f1f5f9;
    --ck-muted: #94a3b8;
    --ck-border: rgba(148, 163, 184, 0.18);
    --ck-shadow: 0 28px 60px -20px rgba(0, 0, 0, 0.7);
    --ck-blur: 14px;
    --ck-accent-fg: #0b1020;
    --ck-alt-bg: rgba(148, 163, 184, 0.12);
    --ck-alt-fg: #e2e8f0;
    --ck-alt-border: rgba(148, 163, 184, 0.22);
    --ck-alt-hover: rgba(148, 163, 184, 0.2);
  }
}