/* ── Thème bulle (défaut), rose · violet · bleu pastel sur fond navy doux ── */
:root,
[data-theme='mineral'] {
  --black: #eef0f9;
  --bg: #ffffff;
  --bg-mid: #e6eaf6;
  --bg-card: #ffffff;
  --cream: #2e3348;
  --white: #1a1f35;
  --muted: #5c6478;
  --accent: #9d6df7;
  --accent-rgb: 157, 109, 247;
  --accent-light: #b794f8;
  --accent-deep: #7c4ee8;
  --border: #dde3f2;
  --border-strong: #c5cee8;
}

/* Autres palettes, conservées pour compatibilité */
[data-theme='corail'] {
  --black: #faf7f5;
  --bg: #ffffff;
  --bg-mid: #f5efe9;
  --bg-card: #ffffff;
  --cream: #3d3835;
  --white: #2a2420;
  --muted: #6b6560;
  --accent: #c45d44;
  --accent-rgb: 196, 93, 68;
  --accent-light: #d97a62;
  --accent-deep: #a84a35;
  --border: #e8ddd8;
  --border-strong: #d4c4bc;
}

[data-theme='sage'] {
  --black: #f5f7f5;
  --bg: #ffffff;
  --bg-mid: #eaf0eb;
  --bg-card: #ffffff;
  --cream: #3a423c;
  --white: #222a24;
  --muted: #5f6b62;
  --accent: #5d8a6a;
  --accent-rgb: 93, 138, 106;
  --accent-light: #75a382;
  --accent-deep: #4a7058;
  --border: #d8e4da;
  --border-strong: #bccfbf;
}

[data-theme='acier'] {
  --black: #f3f6fa;
  --bg: #ffffff;
  --bg-mid: #e6edf5;
  --bg-card: #ffffff;
  --cream: #384252;
  --white: #1c2838;
  --muted: #5a6678;
  --accent: #3b7bc4;
  --accent-rgb: 59, 123, 196;
  --accent-light: #5590d4;
  --accent-deep: #2d65a8;
  --border: #d0ddea;
  --border-strong: #b5c5d8;
}

[data-theme='terracotta'] {
  --black: #faf8f5;
  --bg: #ffffff;
  --bg-mid: #f3ebe4;
  --bg-card: #ffffff;
  --cream: #453a34;
  --white: #2e241e;
  --muted: #6e6258;
  --accent: #b86a48;
  --accent-rgb: 184, 106, 72;
  --accent-light: #d0825e;
  --accent-deep: #9a5538;
  --border: #e8ddd4;
  --border-strong: #d4c4b8;
}

[data-theme='ardoise'] {
  --black: #f4f7f8;
  --bg: #ffffff;
  --bg-mid: #e6f0ee;
  --bg-card: #ffffff;
  --cream: #384442;
  --white: #1e2a28;
  --muted: #5a6864;
  --accent: #3d9a7a;
  --accent-rgb: 61, 154, 122;
  --accent-light: #52b090;
  --accent-deep: #2f7d62;
  --border: #d4e6e0;
  --border-strong: #b8d4ca;
}

:root,
[data-theme] {
  --pink-rgb: 244, 114, 182;
  --cyan-rgb: 103, 232, 249;
  --purple-rgb: 167, 139, 250;
  --navy-rgb: 26, 31, 53;
  --pink-soft: rgba(244, 114, 182, 0.35);
  --pink-glow: rgba(236, 72, 153, 0.22);
  --surface: color-mix(in srgb, var(--bg) 55%, transparent);
  --surface-alt: color-mix(in srgb, var(--bg-mid) 60%, transparent);
  --surface-muted: color-mix(in srgb, var(--black) 62%, transparent);
  --grad-accent: linear-gradient(135deg, #f472b6 0%, #a78bfa 48%, #67e8f9 100%);
  --grad-accent-hover: linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #38bdf8 100%);
  --grad-em: linear-gradient(135deg, #f472b6 0%, #a78bfa 45%, #67e8f9 100%);
  --grad-ring: linear-gradient(
    145deg,
    rgba(var(--pink-rgb), 0.4),
    rgba(var(--purple-rgb), 0.35) 35%,
    rgba(var(--cyan-rgb), 0.3) 70%,
    rgba(var(--pink-rgb), 0.2)
  );
}
