/* themes.css - Light/Night + accent color variants */

/* Accent variants */
[data-accent="tosca"]{
  --accent:#14b8a6; --accent-dark:#0f8f83; --accent-soft:#14b8a614;
}
[data-accent="blue"]{
  --accent:#2563eb; --accent-dark:#1d4ed8; --accent-soft:#2563eb14;
}
[data-accent="orange"]{
  --accent:#f97316; --accent-dark:#c2410c; --accent-soft:#f9731614;
}

/* Night mode */
[data-theme="night"]{
  --bg:#0f172a;
  --surface:#1e293b;
  --surface-2:#334155;
  --text:#f1f5f9;
  --text-muted:#94a3b8;
  --border:#334155;
}
[data-theme="night"] body{background:var(--bg);color:var(--text)}
[data-theme="night"] .bn-home-bubble{border-color:var(--surface)}
[data-theme="night"] .badge-belum{background:#7f1d1d;color:#fecaca}
[data-theme="night"] .badge-dp{background:#78350f;color:#fde68a}
[data-theme="night"] .badge-lunas{background:#14532d;color:#bbf7d0}
[data-theme="night"] .badge-batal{background:#334155;color:#cbd5e1}
[data-theme="night"] .badge-upcoming{background:var(--accent-soft);color:var(--accent)}
[data-theme="night"] select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e")}
[data-theme="night"] .flash-success{background:#14532d;color:#bbf7d0;border-color:#16a34a}
[data-theme="night"] .flash-danger{background:#7f1d1d;color:#fecaca;border-color:#dc2626}
[data-theme="night"] .flash-warning{background:#78350f;color:#fde68a;border-color:#f59e0b}
[data-theme="night"] .alert-danger{background:#7f1d1d;color:#fecaca;border-color:#dc2626}
/* Invoice stays light for print readability */
[data-theme="night"] .invoice-sheet{background:#fff;color:#000}