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

:root {
  --page-bg: #10131a;
  --panel-bg: #181c25;
  --panel-border: #2a303d;
  --text: #f7f8fb;
  --muted: #aab2c0;
  --accent: #6ee7b7;
  --shape-size: 160px;
}

body {
  min-height: 100vh;
  background: var(--page-bg);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

code {
  color: var(--text);
  background: #252b36;
  border: 1px solid var(--panel-border);
  border-radius: 4px;
  padding: 0.1em 0.35em;
  font-size: 0.9em;
}

@media (max-width: 560px) {
  :root {
    --shape-size: 130px;
  }
}