/* Niyya look: Azure Local / S2D Storage Sizer.
   Error / warning / pass colours are kept: they carry meaning. */

:root {
  --navy: var(--niyya-ink);
  --accent: var(--niyya-pink-ink);
  --ink: var(--niyya-ink);
  --muted: var(--niyya-muted);
  --line: var(--niyya-line);
  --bg: var(--niyya-paper);
  --card: #fff;
  --hl: var(--niyya-paper-2);
  --info: var(--niyya-ink-3);
}

/* ---- header: ink, with the site's buttons ---- */
.company { color: var(--niyya-on-dark-2); }
.subtitle, .mode, .who.guest { color: var(--niyya-on-dark); }
.btn { background: var(--niyya-ink-3); border-color: #3A3A3A; }
.btn:hover { filter: none; background: #333; }
.btn.accent { background: var(--niyya-pink); border-color: var(--niyya-pink); color: var(--niyya-ink); font-weight: 600; }
.btn.accent:hover { background: #F383B5; }
.btn.ghost { background: #fff; color: var(--niyya-ink); border-color: var(--niyya-line); }
.btn.ghost:hover { background: var(--niyya-paper-2); }
.mode:hover { background: var(--niyya-ink-3); color: #fff; }
.mode.active { background: var(--niyya-paper); color: var(--niyya-ink); }
.who .avatar { background: var(--niyya-pink); color: var(--niyya-ink); }

/* ---- body ---- */
input, select { border-color: var(--niyya-line-2); }
input:focus, select:focus { outline-color: var(--niyya-pink); border-color: var(--niyya-pink); }
input:disabled, select:disabled { background: var(--niyya-paper-2); }
.tab { background: var(--niyya-paper-2); }
.bar { background: var(--niyya-paper-2); }
table.grid th { background: var(--niyya-paper); }
table.grid td { border-bottom-color: var(--niyya-paper-3); }
table.grid tbody tr.selected td { background: var(--niyya-pink-soft); }
.code { background: var(--niyya-ink-2); }