/* theme.css — Variables de color y tema ElectroCalc v2.2 */
:root {
  --primary:       #4f9eff;
  --primary-dark:  #1a6fd4;
  --primary-glow:  rgba(79,158,255,0.25);
  --success:       #34c784;
  --success-dark:  #27a36a;
  --warning:       #f5a623;
  --danger:        #ff4d4f;
  --danger-dark:   #c82333;

  /* Dark theme (por defecto) */
  --bg:            #0e1117;
  --surface:       #161b27;
  --surface2:      #1e2436;
  --surface3:      #252d42;
  --border:        rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.15);
  --text:          #e8eaf0;
  --text-sub:      #8a93a8;
  --text-dim:      #4a5370;
  --shadow:        rgba(0,0,0,0.5);
  --shadow-card:   0 4px 24px rgba(0,0,0,0.35);
  --shadow-hover:  0 8px 32px rgba(0,0,0,0.5);
  --sidebar-w:     260px;
  --topbar-h:      56px;
}

[data-theme="light"] {
  --bg:            #f0f2f8;
  --surface:       #ffffff;
  --surface2:      #f5f7ff;
  --surface3:      #eaecf5;
  --border:        rgba(0,0,0,0.08);
  --border-strong: rgba(0,0,0,0.15);
  --text:          #1a1d2e;
  --text-sub:      #5a6080;
  --text-dim:      #9ba3be;
  --shadow:        rgba(0,0,0,0.12);
  --shadow-card:   0 4px 24px rgba(0,0,0,0.08);
  --shadow-hover:  0 8px 32px rgba(0,0,0,0.14);
}