html[data-ec-theme="light"] {
  --bg:       #eceff3;   
  --panel:    #ffffff;
  --panel-2:  #f6f8fa;
  --panel-3:  #f1f4f7;
  --border:   #dde4ea;
  --text:     #11161b;
  --muted:    #5a6572;
  --accent:   #0f6fa8;
  --accent-d: #0b5885;
  
  --green:    #11803f;
  --danger:   #b3202f;
  --shadow:   0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06);
}

.ec-theme { display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 1px solid var(--border); color: var(--text);
  font: inherit; font-size: .8rem; font-weight: 700; border-radius: 8px;
  padding: 6px 12px; cursor: pointer; }
.ec-theme:hover { border-color: var(--accent); color: var(--accent); }
.ec-theme svg { width: 14px; height: 14px; }

.ec-theme .i-sun { display: none; }
html[data-ec-theme="light"] .ec-theme .i-sun { display: block; }
html[data-ec-theme="light"] .ec-theme .i-moon { display: none; }