/* Thèmes de couleur (couleur d'accent), combinables avec sombre / clair.
   Choix enregistré dans localStorage « da_accent », appliqué par /theme.js sur <html data-accent="…">.
   À charger APRÈS le <style> de la page : même spécificité, c'est l'ordre qui l'emporte.
   Bleu = couleurs d'origine (aucune règle). */

[data-accent="violet"]{--accent:#8b6cff;--a-dim:rgba(139,108,255,.14);--a-dim2:rgba(139,108,255,.25);--accent-dim:rgba(139,108,255,.15)}
[data-theme="light"][data-accent="violet"]{--accent:#7c3aed;--a-dim:rgba(124,58,237,.08);--a-dim2:rgba(124,58,237,.2);--accent-dim:rgba(124,58,237,.1)}

[data-accent="emeraude"]{--accent:#10a574;--a-dim:rgba(16,165,116,.14);--a-dim2:rgba(16,165,116,.25);--accent-dim:rgba(16,165,116,.15)}
[data-theme="light"][data-accent="emeraude"]{--accent:#047857;--a-dim:rgba(4,120,87,.08);--a-dim2:rgba(4,120,87,.2);--accent-dim:rgba(4,120,87,.1)}

[data-accent="orange"]{--accent:#e8710a;--a-dim:rgba(232,113,10,.14);--a-dim2:rgba(232,113,10,.25);--accent-dim:rgba(232,113,10,.15)}
[data-theme="light"][data-accent="orange"]{--accent:#c2410c;--a-dim:rgba(194,65,12,.08);--a-dim2:rgba(194,65,12,.2);--accent-dim:rgba(194,65,12,.1)}

[data-accent="framboise"]{--accent:#e54b83;--a-dim:rgba(229,75,131,.14);--a-dim2:rgba(229,75,131,.25);--accent-dim:rgba(229,75,131,.15)}
[data-theme="light"][data-accent="framboise"]{--accent:#be185d;--a-dim:rgba(190,24,93,.08);--a-dim2:rgba(190,24,93,.2);--accent-dim:rgba(190,24,93,.1)}

[data-accent="turquoise"]{--accent:#0a9bb0;--a-dim:rgba(10,155,176,.14);--a-dim2:rgba(10,155,176,.25);--accent-dim:rgba(10,155,176,.15)}
[data-theme="light"][data-accent="turquoise"]{--accent:#0e7490;--a-dim:rgba(14,116,144,.08);--a-dim2:rgba(14,116,144,.2);--accent-dim:rgba(14,116,144,.1)}

[data-accent="ardoise"]{--accent:#64748b;--a-dim:rgba(100,116,139,.14);--a-dim2:rgba(100,116,139,.25);--accent-dim:rgba(100,116,139,.15)}
[data-theme="light"][data-accent="ardoise"]{--accent:#475569;--a-dim:rgba(71,85,105,.08);--a-dim2:rgba(71,85,105,.2);--accent-dim:rgba(71,85,105,.1)}

/* Logo : tuile en dégradé qui suit la couleur d'accent + pictogramme (deux écrans + lecture) */
.da-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;color:#fff;
  background:var(--accent);
  background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 58%,#fff) 0%,var(--accent) 50%,color-mix(in srgb,var(--accent) 72%,#000) 100%);
  box-shadow:0 6px 16px var(--a-dim2,var(--accent-dim)),inset 0 0 0 1px rgba(255,255,255,.2)}
.da-logo svg{width:66%;height:66%;display:block}
.da-word{font-weight:700;letter-spacing:-.035em}
.da-word b{font-weight:700;color:var(--accent)}