:root {
  /* Dark glass shell — navy-* used as light title ink (chrome bg overridden by frosted) */
  --color-navy-900: #f8fafc;
  --color-navy-800: #e2e8f0;
  --color-navy-700: #f1f5f9;
  --color-slate-800: #94a3b8;
  --color-bg: #0b0d12;
  --color-panel: rgba(255, 255, 255, 0.07);
  --color-border: rgba(255, 255, 255, 0.12);
  --color-text: #f1f5f9;
  --color-text-muted: #94a3b8;
  --color-text-inverse: #f8fafc;
  --color-accent-gold: #f6c453;
  --color-accent-green: #2dd4bf;
  --color-accent-red: #f43f5e;
  --color-link: #7dd3fc;

  /* Secondary actions — not light navy ink tokens */
  --color-btn-dark-bg: #1e293b;
  --color-btn-dark-text: #f8fafc;

  /* Type — see shared/ui/typography-standard.css */
  --font-ui: "Inter", "Padauk", "Noto Sans Myanmar", sans-serif;
  --font-mono: 'Consolas', 'SF Mono', monospace;

  /* Spacing */
  --gap: clamp(4px, 0.5vw, 8px);
  --radius: 6px;
  --radius-sm: 4px;

  /* SET / Val / W / status — myprj-web toolbar-live parity */
  --font-size-toolbar-live: 12px;
  --toolbar-live-lbl: #64748b;
  --toolbar-live-set-bg: #f0fdf4;
  --toolbar-live-set-border: #86efac;
  --toolbar-live-set-val: #047857;
  --toolbar-live-val-val: #1d4ed8;
  --toolbar-live-win: #c2410c;
  --toolbar-live-open: #047857;
  --toolbar-live-closed: #b91c1c;
  --toolbar-live-pre: #b45309;
  --flash-highlight-bg: #a3adb8;
  --toolbar-live-weight: 700;
}