/* styles/base/theme-light.css — extrait de styles.css L45-L78. Light theme override. */
/* ---- Light theme ---- */
[data-theme="light"]{
  --bg:          #f4f4f5;
  --bg-deep:     #eaeaec;
  --panel:       #ffffff;
  --panel-2:     #f0f0f2;
  --border:      #d4d4d8;
  --border-strong:#a1a1aa;
  --fg:          #18181b;
  --fg-dim:      #52525b;
  --muted:       #a1a1aa;
  --accent:      #0d9488;
  --accent-dim:  #0f766e;
  --ok:          #16a34a;
  --ko:          #dc2626;
  --dot-opacity: .25;
  --dot-color:   rgba(0,0,0,.08);
  --bg-gradient: linear-gradient(#f4f4f5, #eaeaec);
  --glow-1:      rgba(13,148,136,.06);
  --glow-2:      rgba(0,0,0,.02);
}

[data-theme="light"] .mode-btn{
  border-left-color:var(--accent);
}
[data-theme="light"] .screen-label{
  border-color:rgba(13,148,136,.25);
  background:rgba(13,148,136,.06);
  color:var(--accent);
}
[data-theme="light"] body::after{
  background:repeating-linear-gradient(
    0deg, transparent 0, transparent 2px, rgba(0,0,0,.01) 2px, rgba(0,0,0,.01) 4px);
}