/* Color tokens - light (default) and dark theme */
:root {
  --bg: #fafafa;
  --node-bg: #ffffff;
  --node-border: #d8d8d8;
  --node-active-border: #2b2b2b;
  --text: #1c1c1c;
  --muted: #9a9a9a;
  --line: #cfcfcf;
  --accent: #2b2b2b;
  --gold-1: #e08a3e;
  --gold-2: #f6c894;
  --gold-3: #c06a1f;
  --gold-glow-rgb: 224, 138, 62;
  --border-grad: linear-gradient(135deg, #e2ddd2, #cfc7b4, #e2ddd2);
}

html[data-theme="dark"] {
  --bg: #16151a;
  --node-bg: #201f26;
  --node-border: #3a3944;
  --node-active-border: #f0f0f0;
  --text: #ecebee;
  --muted: #78767f;
  --line: #3a3944;
  --accent: #f0f0f0;
  --gold-1: #c97a3a;
  --gold-2: #e8ac6e;
  --gold-3: #9a5a22;
  --gold-glow-rgb: 201, 122, 58;
  --border-grad: linear-gradient(135deg, #4a4854, #34333c, #4a4854);
}