/* ===== Mode sombre (activé par <html data-theme="dark">) ===== */
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-white: #1a2027;      /* surfaces (cartes, panneaux, champs) */
  --color-gray-50: #1f262e;
  --color-gray-100: #242c35;
  --color-gray-200: #2c3640;
  --color-gray-300: #37424d;
  --color-gray-400: #4a5662;
  --color-gray-500: #8f9ba7;
  --color-gray-600: #a9b4be;
  --color-gray-700: #c0c9d1;
  --color-gray-800: #d6dce2;
  --color-gray-900: #eef2f5;
  --text-primary: #eef2f5;
  --text-secondary: #c9d1d8;
  --text-muted: #a9b4be;
  --bg-primary: #12171c;
  --bg-secondary: #1a2027;
  --bg-tertiary: #1f262e;
  --border-light: #323d48;
  --border-medium: #3f4b57;
  --border-dark: #5b6874;
  --border-input: #7d8995;
  --color-primary-text: #6fd68a;
  --color-primary-bg: #16331f;
}
:root[data-theme="dark"] body { background: #12171c; color: var(--text-primary); }
:root[data-theme="dark"] ::placeholder { color: #8f9ba7; }
:root[data-theme="dark"] { --tint-green: #16331f; }
/* Pied de page : reste sombre */
:root[data-theme="dark"] .site-footer { background: #0d1115; color: #aeb9c3; border-top: 1px solid #2c3640; }
:root[data-theme="dark"] .site-footer a { color: #d6dce2; }
:root[data-theme="dark"] .site-footer .footer-trademark, :root[data-theme="dark"] .site-footer small, :root[data-theme="dark"] .site-footer span { color: #9aa6b1; }
:root[data-theme="dark"] .toast { background: #2c3640; color: #eef2f5; border: 1px solid #3f4b57; }
/* Encarts colorés */
:root[data-theme="dark"] .seo-tip, :root[data-theme="dark"] .carousel-warn, :root[data-theme="dark"] .copy-feedback.copying { background: #3a2f10; border-color: #6b5518; color: #f2d98c; }
:root[data-theme="dark"] .iphone-tip, :root[data-theme="dark"] .mobile-tip { background: #14283a; border-color: #2d5f8f; }
:root[data-theme="dark"] .iphone-tip, :root[data-theme="dark"] .iphone-tip strong, :root[data-theme="dark"] .mobile-tip h2, :root[data-theme="dark"] .mobile-tip p { color: #a9d1f7; }
:root[data-theme="dark"] .hook-warn .hook-icon { color: #14191e; }
:root[data-theme="dark"] .copy-feedback.error { background: #3a1a1e; color: #f1a9b0; border-color: #6b2b32; }
/* Nav active, badges */
:root[data-theme="dark"] .site-nav a[aria-current="page"], :root[data-theme="dark"] .site-nav a.is-active { background: #16331f; color: #8be3a3; }
/* Aperçu : la carte reste claire (fidèle à LinkedIn) sur fond sombre */
:root[data-theme="dark"] .preview-content { background: #12171c; }
:root[data-theme="dark"] .linkedin-preview, :root[data-theme="dark"] .linkedin-preview .linkedin-header, :root[data-theme="dark"] .linkedin-preview .linkedin-post, :root[data-theme="dark"] .linkedin-preview .linkedin-actions { background: #ffffff; }
:root[data-theme="dark"] .linkedin-preview { border-color: #2c3640; }
:root[data-theme="dark"] .preview-note { color: #a9b4be; }

/* Logo et pastille d'en-tête en mode sombre */
:root[data-theme="dark"] .brand-logo-light { display: none; }
:root[data-theme="dark"] .brand-logo-dark { display: block; }
:root[data-theme="dark"] .header-note { color: var(--color-primary-text); background: var(--color-primary-bg); border-color: #2d5f3d; }
:root[data-theme="dark"] .status-dot { background: var(--color-primary-text); }