/* ─────────────────────────────────────────────────────────────────────────
   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);
  --accent-glow:        rgba(194, 99, 42, 0.32);
  --public:             #c9b4c8;
  --public-soft:        rgba(255, 211, 230, 0.62);
  --public-grad:        linear-gradient(90deg, #ffd2e5 0%, #ffe4f0 48%, #f8efff 100%);
  --private:            #93c8d0;
  --private-soft:       rgba(215, 244, 255, 0.62);
  --private-grad:       linear-gradient(90deg, #d7f4ff 0%, #e2f7f2 48%, #ddf7ea 100%);
  --laboratory:         #d8a65f;
  --laboratory-soft:    rgba(244, 200, 112, 0.24);
  --laboratory-grad:    linear-gradient(90deg, #f4c870 0%, #f7dfaa 48%, #ffe9cf 100%);

  --viz-bg:             var(--bg);
  --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;

  --type-book:          #f4c870;
  --type-built:         #6dd5a4;
  --type-unbuilt:       #ff8aa8;
  --type-exhibition:    #c8e07a;
  --type-film:          #7c9eff;
  --type-research:      #d4a8ff;

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

  /* 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);
  --accent-glow:        rgba(106, 217, 200, 0.45);
  --public:             #e08fb8;
  --public-soft:        rgba(224, 143, 184, 0.18);
  --public-grad:        linear-gradient(90deg, #2a1e26 0%, #1e1a22 48%, #1c2030 100%);
  --private:            #6ad9c8;
  --private-soft:       rgba(106, 217, 200, 0.18);
  --private-grad:       linear-gradient(90deg, #102026 0%, #122024 48%, #14222a 100%);
  --laboratory:         #ffae5a;
  --laboratory-soft:    rgba(255, 174, 90, 0.18);
  --laboratory-grad:    linear-gradient(90deg, #302116 0%, #292019 48%, #251c1a 100%);

  --viz-bg:             var(--bg);
  --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;

  --type-book:          #f4c870;
  --type-built:         #6dd5a4;
  --type-unbuilt:       #ff8aa8;
  --type-exhibition:    #c8e07a;
  --type-film:          #7caeff;
  --type-research:      #d4a8ff;

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

  --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;
}