:root {
  --cc-initial-bg: #ffffff;
  --cc-initial-text: #0d0d0d;
  --cc-initial-accent-1: rgba(10, 63, 166, 0.11);
  --cc-initial-accent-2: rgba(10, 63, 166, 0.08);
}

html.dark {
  --cc-initial-bg: #0a0a0a;
  --cc-initial-text: #f7f7f7;
  --cc-initial-accent-1: rgba(10, 63, 166, 0.18);
  --cc-initial-accent-2: rgba(120, 33, 110, 0.14);
}

html {
  background-color: var(--cc-initial-bg) !important;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow: visible;
  background:
    radial-gradient(80rem 50rem at 15% -10%, var(--cc-initial-accent-1), transparent 55%),
    radial-gradient(80rem 50rem at 85% -20%, var(--cc-initial-accent-2), transparent 55%),
    var(--cc-initial-bg) !important;
  color: var(--cc-initial-text);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

#root {
  min-height: 100vh;
  background: transparent;
}

.App {
  background: transparent;
}