/* theme-modal.css - Lunadelph premium v4 (complement) */

/* Basic variables */
:root {
  --lun-bg: #ffffff;
  --lun-fg: #0f1724;
  --lun-sub: #334155;
  --lun-primary: #0f1724;
}

@media (prefers-color-scheme: dark){
  :root {
    --lun-bg: #0b1220;
    --lun-fg: #f5f7fb;
    --lun-sub: #94a3b8;
    --lun-primary: #0f1724;
  }
}

/* If the JS injection is present, it uses its own inline style.
   These styles are a fallback / mirrors for the injected CSS. */
#lun-lay { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; z-index:999999; background:rgba(0,0,0,0.45); }
#lun-modal-prem { width:90%; max-width:460px; border-radius:12px; padding:18px; box-shadow:0 12px 40px rgba(12,18,28,0.6); background:var(--lun-bg); color:var(--lun-fg); }
#lun-modal-prem h2 { display:flex; align-items:center; gap:10px; margin:0 0 8px; font-size:18px; }
#lun-modal-prem p { margin:0 0 14px; color:var(--lun-sub); }
.lm-actions { display:flex; gap:10px; justify-content:flex-end; }
.lm-btn { padding:9px 14px; border-radius:8px; font-size:14px; cursor:pointer; border:0; }
.lm-btn.primary { background:var(--lun-primary); color:#fff; }
.lm-btn.ghost { background:transparent; border:1px solid rgba(15,23,36,0.06); color:var(--lun-sub); }