.modal-content[data-theme="dark"] {
  --fg:#f5f5f5; --accent:#22c55e; --danger:#ef4444; --surface:#1e1e1e; --surface-hover:#2a2a2a;
}
.modal-content[data-theme="light"] {
  --fg:#3c3c3c; --accent:#16a34a; --danger:#dc2626; --surface:#ffffff; --surface-hover:#f3f3f3;
}
.modal .accent{color:var(--accent);} 
.modal .danger{color:var(--danger);}

@media (max-width: 768px) {
  .left-image{
    width: 350px !important;
  }
}