.theme-toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; min-height: 44px; padding: 10px; border: 1px solid var(--line); border-radius: 50%; color: var(--navy, var(--deep)); background: transparent; cursor: pointer; }
.theme-toggle:hover { background: var(--cream, #e9e4d8); border-color: var(--navy, var(--deep)); }
.theme-toggle:focus-visible { outline: 3px solid var(--navy, var(--deep)); outline-offset: 3px; }
.theme-toggle svg { width: 22px; height: 22px; flex: 0 0 auto; }
.theme-toggle > span { display: none; }
.theme-toggle--mobile { display: none; }
/* Conserver le Ming de l’emblème, retirer sa répétition et les filets sous le nom. */
.brand-art img, .admin-brand img { clip-path: polygon(0 0, 100% 0, 100% 100%, 74% 100%, 74% 59%, 40% 59%, 40% 100%, 0 100%); }
:root[data-theme="dark"] {
  color-scheme: dark;
  --night: #f2eee2;
  --navy: #b4d5df;
  --navy-hover: #d2e6ec;
  --deep: #b4d5df;
  --ink: #edf1ed;
  --muted: #b7c6cc;
  --paper: #0b1920;
  --cream: #132832;
  --cream-deep: #203b47;
  --gold: #efd078;
  --sky: #9dcad7;
  --secondary-fill: #213b47;
  --secondary-hover: #2d4d5b;
  --secondary-line: #6d8791;
  --line: #38505c;
}
[data-theme="dark"] body { background: var(--paper); }
[data-theme="dark"] .site-header { background: #0b1920f7; }
[data-theme="dark"] .brand-art, [data-theme="dark"] .admin-brand { position: relative; }
[data-theme="dark"] .brand-art img, [data-theme="dark"] .admin-brand img { opacity: 0; }
/* La silhouette d’origine sert de masque : le doré ne dépend plus d’un filtre sépia. */
[data-theme="dark"] .brand-art::after, [data-theme="dark"] .admin-brand::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(135deg, #f3d578, #ffe8a3 35%, #e7bc4c 72%, #f5d77c);
  mask: url('assets/logo-benjamin-piot-horizontal.png') center / contain no-repeat;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 74% 100%, 74% 59%, 40% 59%, 40% 100%, 0 100%);
}
[data-theme="dark"] .admin-brand::after { inset: auto; left: 0; top: 50%; width: 205px; max-width: 100%; aspect-ratio: 65 / 14; transform: translateY(-50%); }
[data-theme="dark"] .button.secondary:hover { border-color: #94acb6; }
[data-theme="dark"] .button.secondary:active { background: #385563; border-color: #94acb6; }
[data-theme="dark"] .recognition::after, [data-theme="dark"] .offers::after, [data-theme="dark"] .testimonials::after, [data-theme="dark"] .about::before { background: linear-gradient(90deg, transparent, #b4d5df30 12%, #b4d5df30 88%, transparent); }
[data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: #93a9b4; }
[data-theme="dark"] .field-error, [data-theme="dark"] .contact-fields .field-error, [data-theme="dark"] .slot-status.error, [data-theme="dark"] .missing { color: #ffb39e; }
[data-theme="dark"] [aria-invalid="true"], [data-theme="dark"] .contact-fields [aria-invalid="true"] { border-color: #ffb39e; }
[data-theme="dark"] .slot-button:disabled { color: #91a5ae; }
[data-theme="dark"] .admin-nav, [data-theme="dark"] .stats article, [data-theme="dark"] .panel { background: var(--cream); color: var(--ink); }
[data-theme="dark"] .admin-nav nav a, [data-theme="dark"] .admin-nav small, [data-theme="dark"] .stats span, [data-theme="dark"] .stats small, [data-theme="dark"] .panel p, [data-theme="dark"] td small, [data-theme="dark"] th, [data-theme="dark"] main > header p { color: var(--muted); }
[data-theme="dark"] .admin-nav nav a.active, [data-theme="dark"] .admin-nav nav a:hover, [data-theme="dark"] .tag.discovery, [data-theme="dark"] .tag.long { background: var(--cream-deep); color: var(--deep); }
[data-theme="dark"] .panel button, [data-theme="dark"] main > header button, [data-theme="dark"] input[type="email"] { background: var(--paper); color: var(--ink); }
[data-theme="dark"] .panel button:hover { background: var(--cream-deep); }
[data-theme="dark"] .panel button.dark { background: var(--deep); color: var(--paper); }
[data-theme="dark"] .panel button.dark:hover { background: var(--navy-hover); }
[data-theme="dark"] th, [data-theme="dark"] td { border-color: var(--line); }
@media (min-width: 761px) and (max-width: 1100px) { .header-inner:has(nav) .header-action { display: none; } }
@media (max-width: 760px) {
  .header-inner:has(nav) > .theme-toggle { display: none; }
  .theme-toggle--mobile { display: inline-flex; width: auto; border-radius: 8px; gap: 10px; margin-block: 10px; }
  .theme-toggle--mobile > span { display: inline; }
}
