/* OreyX Background Studio v1 - page background layer only. */
html {
  background-color: var(--oreyx-bg-base, var(--bg, #f7f7ff)) !important;
}
html, body {
  background-color: var(--oreyx-bg-base, var(--bg, #f7f7ff)) !important;
}
body {
  --oreyx-bg-base: #f7f7ff;
  --oreyx-bg-from: #f7f7ff;
  --oreyx-bg-to: #eef4ff;
  --oreyx-bg-accent-a: #6658ff;
  --oreyx-bg-accent-b: #17b8ef;
  --oreyx-bg-accent-c: #ff4fc4;
  --oreyx-bg-angle: 135deg;
  --oreyx-bg-orb-strength: 16%;
  --oreyx-bg-grid-opacity: .24;
  --oreyx-bg-noise-opacity: .12;
  --oreyx-bg-paper-opacity: 0;
  background:
    radial-gradient(circle at 8% 8%, color-mix(in srgb, var(--oreyx-bg-accent-a, var(--primary, #6658ff)) var(--oreyx-bg-orb-strength, 16%), transparent), transparent 30rem),
    radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--oreyx-bg-accent-b, var(--secondary, #17b8ef)) var(--oreyx-bg-orb-strength, 16%), transparent), transparent 32rem),
    radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--oreyx-bg-accent-c, var(--accent, #ff4fc4)) calc(var(--oreyx-bg-orb-strength, 16%) * .72), transparent), transparent 34rem),
    linear-gradient(var(--oreyx-bg-angle, 135deg), var(--oreyx-bg-from, var(--bg, #f7f7ff)), var(--oreyx-bg-to, var(--bg, #f7f7ff))) !important;
}
.bg__grid { opacity: var(--oreyx-bg-grid-opacity, .22) !important; }
.bg__orb, .bg__glow { opacity: calc(.24 + var(--oreyx-bg-grid-opacity, .22)) !important; }
.bg__orb--a { background: color-mix(in srgb, var(--oreyx-bg-accent-a, var(--primary, #6658ff)) 24%, transparent) !important; }
.bg__orb--b { background: color-mix(in srgb, var(--oreyx-bg-accent-b, var(--secondary, #17b8ef)) 26%, transparent) !important; }
.bg__glow { background: color-mix(in srgb, var(--oreyx-bg-accent-c, var(--accent, #ff4fc4)) 18%, transparent) !important; }
.bg__noise { opacity: var(--oreyx-bg-noise-opacity, .12) !important; }
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  opacity: var(--oreyx-bg-paper-opacity, 0);
  background-image:
    linear-gradient(90deg, rgba(16,18,35,.035) 1px, transparent 1px),
    linear-gradient(rgba(16,18,35,.026) 1px, transparent 1px);
  background-size: 28px 28px;
}