/*
 * Les couleurs par theme (--theme-primary, --theme-secondary, --theme-accent)
 * sont injectees dynamiquement en JS (voir js/themes-loader.js, fonction
 * applyThemeColors) a partir du theme.json actif. Ce fichier ne contient donc
 * pas de regles par theme codees en dur : un nouveau theme n'a jamais besoin
 * de toucher au CSS.
 */

.themed-header {
  background: var(--theme-primary);
  color: var(--color-primary-contrast);
  border-radius: var(--radius-lg);
  padding: 20px 24px;
}

.themed-badge {
  background: var(--theme-accent);
  color: var(--color-text);
  font-weight: 700;
  border-radius: 999px;
  padding: 4px 12px;
  display: inline-block;
  font-size: 0.8em;
}