/* ============================================================
   Base Nord palette — official definitions
   ============================================================ */

:root {
/* Polar Night */
  --nord0: #2E3440;
  --nord1: #3B4252;
  --nord2: #434C5E;
  --nord3: #4C566A;

  /* Snow Storm */
  --nord4: #D8DEE9;
  --nord5: #E5E9F0;
  --nord6: #ECEFF4;

  /* Frost */
  --nord7:  #8FBCBB;
  --nord8:  #88C0D0;
  --nord9:  #81A1C1;
  --nord10: #5E81AC;

  /* Aurora */
  --nord11: #BF616A;
  --nord12: #D08770;
  --nord13: #EBCB8B;
  --nord14: #A3BE8C;
  --nord15: #B48EAD;
}

/* ============================================================
   Default semantic variables (fallback)
   ============================================================ */

:root {
  --bg: var(--nord6);
  --fg: var(--nord0);
  --muted: var(--nord4);
  --border: var(--nord3);
  --accent: var(--nord10);
  --input-bg: var(--nord5);
  --info-bg: var(--nord7);
  --important: var(--nord11);

  /* SVG roles */
  --point-fill: var(--accent);
  --point-stroke: var(--fg);
  --centroid-fill: var(--fg);
  --centroid-stroke: var(--accent);
  --voronoi-edges: var(--muted);
}

/* ============================================================
   Nord Light theme
   ============================================================ */

[data-theme="nord-light"] {
  --bg: var(--nord6);
  --fg: var(--nord0);
  --muted: var(--nord4);
  --border: var(--nord3);
  --accent: var(--nord10);
  --input-bg: var(--nord5);
  --important: var(--nord11);
  --info-bg: var(--nord7);

  --point-stroke: var(--nord0);
  --centroid-stroke: var(--nord10);
  --voronoi-edges: var(--muted);
}

/* ============================================================
   Nord Light / Dark — categorical cluster colors (20)
   ============================================================ */

[data-theme="nord-light"],
[data-theme="nord-dark"] {

  --cluster-0:  #8FBCBB; /* teal */
  --cluster-1: #F2A7B5; /* muted pink */
  --cluster-2:  #81A1C1; /* blue */
  --cluster-3:  #5E81AC; /* deep blue */

  --cluster-4:  #BF616A; /* red */
  --cluster-5:  #D08770; /* orange */
  --cluster-6:  #EBCB8B; /* yellow */
  --cluster-7:  #A3BE8C; /* green */

  --cluster-8:  #B48EAD; /* purple */
  --cluster-9:  #9FA8DA; /* lavender */
  --cluster-10: #81C784; /* fresh green */
  --cluster-11:  #88C0D0; /* cyan */
  

  --cluster-12: #80CBC4; /* aqua */
  --cluster-13: #4DD0E1; /* light cyan */
  --cluster-14: #64B5F6; /* soft blue */
  --cluster-15: #9575CD; /* violet */

  --cluster-16: #FF8A65; /* coral */
  --cluster-17: #FFD54F; /* warm yellow */
  --cluster-18: #AED581; /* pale green */
  --cluster-19: #CE93D8; /* light purple */
}


/* ============================================================
   Nord Dark theme
   ============================================================ */

[data-theme="nord-dark"] {
  --bg: var(--nord0);
  --fg: var(--nord6);
  --muted: var(--nord2);
  --border: var(--nord4);
  --accent: var(--nord8);
  --input-bg: var(--nord3);
  --important: var(--nord11);
  --info-bg: var(--nord7);

  --point-stroke: var(--nord6);
  --centroid-stroke: var(--nord8);
  --voronoi-edges: var(--muted);

}

/* ============================================================
   High-contrast accessibility theme
   ============================================================ */

[data-theme="high-contrast"] {
  --bg: #000000;
  --fg: #FFFFFF;
  --muted: #FFFFFF;
  --border: #FFFFFF;
  --accent: #FFFF00;
  --input-bg: #000000;
  --important: #FF0000;
  --info-bg: #00FFFF;

  --point-stroke: #000000;
  --centroid-stroke: #FFFFFF;
  --voronoi-edges: #FFFFFF;
}

[data-theme="high-contrast"] {

  --cluster-0:  #FFFFFF; /* white */
  --cluster-1:  #FFFF00; /* yellow */
  --cluster-2:  #00FFFF; /* cyan */
  --cluster-3:  #FF00FF; /* magenta */

  --cluster-4:  #FF0000; /* red */
  --cluster-5: #FF69B4; /* hot pink */
  --cluster-6:  #0000FF; /* blue */
  --cluster-7:  #FFA500; /* orange */

  --cluster-8:  #7FFF00; /* chartreuse */
  --cluster-9:  #00FF7F; /* spring green */
  --cluster-10: #FF1493; /* deep pink */
  --cluster-11: #00BFFF; /* deep sky blue */

  --cluster-12: #FFD700; /* gold */
  --cluster-13: #ADFF2F; /* green yellow */
  --cluster-14: #40E0D0; /* turquoise */
  --cluster-15: #1E90FF; /* dodger blue */
  
  --cluster-16: #FF4500; /* orange red */
  --cluster-17:  #00FF00; /* green */
  --cluster-18: #00FA9A; /* medium spring green */
  --cluster-19: #BA55D3; /* medium orchid */
}