/* minimal, non-opinionated base to avoid white flash */
:root{
  --bg:#0a0c10;         /* matches your final :root */
  --panel:#10141b;
  --border:#1b2330;
  --text:#ffffff;
}
html{ background:var(--bg); color-scheme:dark; }
body{
  margin:0;
  min-height:100vh;
  background:var(--bg); /* plain color; gradients will override later */
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
/* keep header/nav from flashing light */
.header{ padding:4px 0; }
.nav{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:16px;
}
/* avoid layout jump for the logo while full CSS loads */
.brand-logo{ display:block; height:64px; width:auto; }