/* OpenNash CX — Design tokens. Theme-swappable. */

:root, [data-theme="dark"] {
  --bg: #07090c;
  --bg-2: #0b0f15;
  --panel: #0d1219;
  --panel-2: #11171f;
  --line: rgba(255, 255, 255, 0.06);
  --line-2: rgba(255, 255, 255, 0.10);
  --line-3: rgba(255, 255, 255, 0.16);
  --text: #e9ecf2;
  --text-2: #c5cbd6;
  --muted: #8b94a3;
  --dim: #5b6472;
  --accent: #3b6dff;
  --accent-2: #6f93ff;
  --accent-soft: rgba(59, 109, 255, 0.14);
  --warn: #e2a64a;
  --good: #7fbf7c;
  --grid: rgba(255, 255, 255, 0.035);
  --grid-2: rgba(255, 255, 255, 0.07);
  --paper-tint: rgba(255, 255, 255, 0.02);
  --ink-stamp: rgba(110, 145, 255, 0.85);
  --highlighter: rgba(255, 220, 90, 0.20);
  --noise-opacity: 0.4;
}

[data-theme="light"] {
  --bg: #f4f1ea;          /* warm paper */
  --bg-2: #ece8df;
  --panel: #ffffff;
  --panel-2: #f8f5ee;
  --line: rgba(20, 24, 30, 0.10);
  --line-2: rgba(20, 24, 30, 0.18);
  --line-3: rgba(20, 24, 30, 0.30);
  --text: #14181e;
  --text-2: #2d333d;
  --muted: #5b6472;
  --dim: #8b94a3;
  --accent: #1d3fb3;
  --accent-2: #3b6dff;
  --accent-soft: rgba(29, 63, 179, 0.10);
  --warn: #b27316;
  --good: #2f7a3a;
  --grid: rgba(20, 24, 30, 0.04);
  --grid-2: rgba(20, 24, 30, 0.08);
  --paper-tint: rgba(20, 24, 30, 0.015);
  --ink-stamp: rgba(29, 63, 179, 0.85);
  --highlighter: rgba(255, 220, 90, 0.45);
  --noise-opacity: 0.18;
}

/* Schematic mood adjusts to a cooler steel palette */
[data-mood="schematic"][data-theme="dark"] {
  --bg: #0a1117;
  --bg-2: #0d1620;
  --panel: #101a24;
  --panel-2: #142231;
  --accent: #4ec3ff;
  --accent-2: #8fdbff;
  --accent-soft: rgba(78, 195, 255, 0.12);
}

[data-mood="schematic"][data-theme="light"] {
  --bg: #e8edf2;          /* blueprint paper */
  --bg-2: #dde4ec;
  --panel: #f4f7fa;
  --panel-2: #e8edf2;
  --accent: #0a4a8f;
  --accent-2: #1d6dc7;
  --accent-soft: rgba(10, 74, 143, 0.12);
  --grid: rgba(10, 74, 143, 0.07);
  --grid-2: rgba(10, 74, 143, 0.14);
}