/* Mode clair — surcouches sémantiques (défaut). */
html[data-theme="light"] {
  --bg: var(--acier);
  --fg: var(--abysse);
  --fg-muted: var(--electrique);
  --surface: var(--blanc);
  --surface-2: var(--photo-bg);
  --border: rgba(27, 38, 59, 0.12);
  color-scheme: light;
}