:root{
  --bg: #121212;
  --panel: #1e1e1e;
  --glass: rgba(0,0,0,.8);

  --accent: #7c5cff;
  --accent-soft: #987eff;

  --text-main: #ffffff;
  --text-muted: #cccccc;

  --radius: 12px;
  --shadow: 0 4px 12px rgba(0,0,0,.5);
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  font-family: 'JetBrains Mono', monospace;
}

body{
  background: var(--bg);
  color: var(--text-main);
  line-height: 1.6;
}

a{
  text-decoration: none;
  color: inherit;
}

img{
  max-width: 100%;
  display: block;
}

#particle-canvas { 
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--bg);
}

.red-text-important {
    color: red !important;
    font-weight: bolder !important;
    font-size: larger !important;
}