base.css

*{
  box-sizing:border-box;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}

html {
  /* Global UI scale
     The UI can feel a bit "zoomed" on desktop depending on browser/defaults.
     A slightly smaller root font-size makes spacing and typography calmer.
     Mobile is restored to 16px below.
  */
  font-size: 15px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: hidden;
  width: 100%;
}

@media (max-width: 768px) {
  html { font-size: 16px; }
}

body{
  margin:0;
  background:var(--bg-main);
  color:var(--text-main);
  overflow-x: hidden;
  width: 100%;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-hover)}
hr{border:none;border-top:1px solid var(--border)}