/**
 * Thème par défaut MELODI — Identité officielle
 * Utilise les tokens sémantiques basés sur le bleu marine #002a4e et des surfaces claires épurées.
 */

:root,
[data-theme="melodi"],
[data-theme="default"] {
  --ds-color-primary:        #002a4e;
  --ds-color-primary-hover:  #003d73;
  --ds-color-primary-active: #001f3a;
  --ds-color-primary-text:   #ffffff;

  --ds-color-accent:         #0b5ed7;
  --ds-color-accent-hover:   #094ab0;

  --ds-color-bg:             #f1f5f9;
  --ds-color-surface:        #ffffff;
  --ds-color-surface-subtle: #f8fafc;
  --ds-color-surface-hover:  #edf2f7;

  --ds-color-text:           #0f172a;
  --ds-color-text-muted:     #64748b;
  --ds-color-text-subtle:    #94a3b8;
  --ds-color-text-inverse:   #ffffff;

  --ds-color-border:         #e2e8f0;
  --ds-color-border-subtle:  #f1f5f9;
  --ds-color-border-strong:  #cbd5e1;

  --ds-color-focus-ring:     rgba(11, 94, 215, 0.25);
}

body[data-theme="melodi"],
body:not([data-theme]) {
  background-color: var(--ds-color-bg);
  color: var(--ds-color-text);
}