/* ─────────────────────────────────────────────────────────────────────────
   AYNIRA - Palettes
   Les deux modes d'affichage du site : Cretto (jour) et Encre (nuit).
   Les visualisations consomment aussi ces tokens via getComputedStyle().
   ───────────────────────────────────────────────────────────────────────── */

/* ── Cretto : mode jour ─────────────────────────────────────────────────── */
:root,
html[data-palette="cretto"],
body,
body[data-palette="cretto"] {
  color-scheme: light;

  --bg-rgb:             241, 241, 237;
  --fg-rgb:             23, 23, 20;
  --surface-rgb:        250, 249, 245;
  --shadow-rgb:         30, 30, 24;

  --bg:                 rgb(var(--bg-rgb));
  --bg-grid:            rgba(var(--fg-rgb), 0.024);
  --bg-grid-size:       28px;
  --fg:                 rgb(var(--fg-rgb));
  --fg-soft:            #5a5a53;
  --fg-muted:           #8a8a82;
  --fg-faint:           #b0b0a8;
  --surface:            rgb(var(--surface-rgb));
  --surface-translucent:rgba(var(--surface-rgb), 0.86);
  --surface-overlay:    rgba(var(--surface-rgb), 0.62);
  --border:             #a8a8a0;
  --border-soft:        rgba(150, 150, 142, 0.72);

  --accent:             #c2632a;
  --accent-soft:        rgba(194, 99, 42, 0.16);
  --viz-text:           #171714;
  --viz-text-shadow:    rgba(249, 248, 244, 0.96);
  --viz-line:           #8a8a82;
  --viz-line-soft:      #c5c5bf;
  --viz-node-muted:     #d6d6d0;
  --viz-grid:           rgba(119, 119, 111, 0.14);
  --viz-bloom-alpha:    0.32;
  --viz-saturation:     1.85;

  --family-medium:      #6ad9c8;
  --family-tool:        #ffae5a;
  --family-theme:       #d4a8ff;
  --family-domain:      #7c9eff;

  --danger:             #b84040;
  --danger-soft:        rgba(184, 64, 64, 0.14);
  --danger-bg:          #fde8e0;
  --success:            #3e7a5c;

  /* Palette viz flash : alignée sur la palette de profils utilisateurs
     (couleurs vives et bien ensemble). La saturation viz (1.85) du mode
     cretto rehausse encore les teintes pour que ça pète sur fond clair. */
  --viz-1:  #ff8aa8;
  --viz-2:  #6ad9c8;
  --viz-3:  #ffae5a;
  --viz-4:  #7c9eff;
  --viz-5:  #c8e07a;
  --viz-6:  #d4a8ff;
  --viz-7:  #ffa7a1;
  --viz-8:  #6dd5a4;
  --viz-9:  #f4c870;
  --viz-10: #ffa0e0;
  --viz-11: #5cc9e8;
  --viz-12: #b0a8ff;
}

/* ── Encre : mode nuit ──────────────────────────────────────────────────── */
html[data-palette="encre"],
body[data-palette="encre"] {
  color-scheme: dark;

  --bg-rgb:             13, 16, 24;
  --fg-rgb:             240, 236, 224;
  --surface-rgb:        24, 28, 40;
  --shadow-rgb:         0, 0, 0;

  --bg:                 rgb(var(--bg-rgb));
  --bg-grid:            rgba(var(--fg-rgb), 0.034);
  --fg:                 rgb(var(--fg-rgb));
  --fg-soft:            #b8b4a4;
  --fg-muted:           #908a78;
  --fg-faint:           #5a5650;
  --surface:            rgb(var(--surface-rgb));
  --surface-translucent:rgba(var(--surface-rgb), 0.82);
  --surface-overlay:    rgba(var(--surface-rgb), 0.6);
  --border:             #6a665c;
  --border-soft:        rgba(180, 174, 160, 0.32);

  --accent:             #6ad9c8;
  --accent-soft:        rgba(106, 217, 200, 0.16);
  --viz-text:           #f0ece0;
  --viz-text-shadow:    rgba(13, 16, 24, 0.86);
  --viz-line:           #807b6c;
  --viz-line-soft:      #3a3a36;
  --viz-node-muted:     #46444a;
  --viz-grid:           rgba(180, 174, 156, 0.13);
  --viz-bloom-alpha:    0.46;
  --viz-saturation:     2.1;

  --family-medium:      #6ad9c8;
  --family-tool:        #ffae5a;
  --family-theme:       #e08fb8;
  --family-domain:      #7c9eff;

  --danger:             #ff6a6a;
  --danger-soft:        rgba(255, 106, 106, 0.18);
  --danger-bg:          rgba(80, 16, 16, 0.5);
  --success:            #5ad89a;

  --viz-1:  #6ad9c8;
  --viz-2:  #ff8aa8;
  --viz-3:  #ffae5a;
  --viz-4:  #c8e07a;
  --viz-5:  #7c9eff;
  --viz-6:  #d4a8ff;
  --viz-7:  #f4c870;
  --viz-8:  #6dd5a4;
  --viz-9:  #ffa0e0;
  --viz-10: #5cc9e8;
  --viz-11: #e8d28a;
  --viz-12: #b0a8ff;
}