/*
 * base-tokens.css — variáveis CSS compartilhadas por todos os dashboards.
 * Cada dashboard define seu próprio --accent, --accent-dim e --glow
 * no <style> inline, sobrescrevendo os valores abaixo se necessário.
 */

[data-theme="dark"] {
  --bg:       #070910;
  --surface:  #0f1117;
  --surface2: #161a24;
  --surface3: #1c2130;
  --border:   #1e2535;
  --border2:  #2a3348;
  --text:     #e4e8f0;
  --text2:    #9aa3b8;
  --muted:    #5a6480;
  --shadow:   0 4px 32px rgba(0,0,0,.6);
}

[data-theme="light"] {
  --bg:       #f0f2f8;
  --surface:  #ffffff;
  --surface2: #f5f7fc;
  --surface3: #ebeef7;
  --border:   #dde2f0;
  --border2:  #c8cfde;
  --text:     #111827;
  --text2:    #4b5563;
  --muted:    #9ca3af;
  --shadow:   0 4px 24px rgba(0,0,0,.08);
  --glow:     none;
}