/* main.css */

/* ===== CSS VARIABLES ===== */
:root{
  --bg:#0f1115;
  --bg-dark:#181a1f;
  --bg-darker:#1e2026;
  --header:#1e2124;
  --blurple:#5865F2;
  --text:#ffffff;
  --muted:#b5bac1;
}

/* ===== RESET ===== */
*,
*::before,
*::after{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* ===== BASE ELEMENTS ===== */
html, body{
  width:100%;
}

body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}

/* ===== LINKS & LISTS ===== */
a,
a:hover,
a:focus,
a:active,
a:visited{
  text-decoration:none;
  color:inherit;
}


ul{
  list-style:none;
}

/* ===== BUTTON RESET ===== */
button{
  font-family:inherit;
  border:none;
  background:none;
  cursor:pointer;
}