:root {
  --bg: #020617;
  --bg-soft: #0a1712;
  --card: #0d1a15;
  --text: #edf2ff;
  --muted: #a6b3d4;
  --line: rgba(16, 185, 129, 0.2);
  --red-bg: #3b1414;
  --red-line: #7a2a2a;
  --green-bg: #123425;
  --green-line: #2d6f51;
  --accent: #67c3ff;
  --accent-strong: #2f9ee8;
}

html {
  font-size: 110%;
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html,
body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", "Noto Color Emoji", "Apple Color Emoji", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(16, 185, 129, 0.14), transparent 34%),
    linear-gradient(135deg, #06120f 0%, #071b15 45%, #020f0c 100%);
  color: var(--text);
  min-height: 100%;
}

body::before,
body::after,
html::before,
html::after {
  background: transparent !important;
}

main,
.wrapper,
.container,
.app,
.page {
  background: transparent;
}

h1,
h2,
h3,
p,
ul {
  margin: 0;
}

ul {
  padding-left: 1.2rem;
}