:root {
  --bg-main: #2f2e2e;
  --text-on-bg: #f1f4f7;
}

.site-background,
body {
  min-height: 100vh;
  color: var(--text-on-bg);
  background:
    radial-gradient(130% 90% at 18% 10%, color-mix(in srgb, var(--bg-main) 60%, transparent) 0%, color-mix(in srgb, var(--bg-main) 8%, transparent) 54%, transparent 74%),
    radial-gradient(100% 78% at 88% 88%, color-mix(in srgb, var(--bg-main) 60%, transparent) 0%, color-mix(in srgb, var(--bg-main) 8%, transparent) 56%, transparent 78%),
    #000000;
  background-attachment: fixed;
  background-size: cover;
}

.bg-main {
  background-color: var(--bg-main);
}

.bg-overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.06));
}