/* LiveUin – theme layer
 *
 * This file is loaded AFTER nav.css.
 * Put brand colours, typography, layout overrides here.
 * Later you can swap this file to completely restyle the UI
 * without touching the backend or HTML.
 */

/* Basic body defaults (can be changed anytime) */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Auth layout tweaks */
body.bare-auth {
  background: #0b0c10;       /* dark-ish background */
  color: #e5e7eb;
}

body.bare-auth .wrap {
  max-width: 420px;
  margin: 60px auto;
  padding: 0 20px 32px;
  background: #111827;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

body.bare-auth h1 {
  margin-top: 0;
}

/* Dashboard look – cards etc. */
.dash-main {
  background: #f3f4f6;
}

.dash-card {
  /* ensures theme.css always has the last say on card visuals */
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(15,23,42,0.07);
}

/* Status pill colours */
#statusList span {
  font-weight: 500;
}

/* Placeholder for future brand tokens
:root {
  --lu-bg: #0b0c10;
  --lu-accent: #1f6feb;
  --lu-card-bg: #111827;
}
*/