/* GENERATED from data.json — do not edit by hand.
   Change colours in the admin panel, then press "Save & Rebuild". */

:root,
[data-theme="dark"]{
  --pink:#d24ec0;
  --pink2:#b042a1;
  --purple:#7b5cd6;
  --purpleDeep:#443376;
  --glow:#ff9ce8;
  --pink-rgb:210,78,192;
  --purple-rgb:123,92,214;
  --glow-rgb:255,156,232;
  --btnText:#fbf8fc;
  --grad:linear-gradient(135deg,var(--pink),var(--purple));

  --bg:#020204;
  --bg2:#06060b;
  --text:#fbf8fc;
  --muted:#a9a2b2;
  --soft:#726b7c;
  --panel:rgba(255,255,255,.045);
  --panel2:rgba(255,255,255,.028);
  --line:rgba(255,255,255,.085);
  --shadow:rgba(0,0,0,.6);
  --headGrad:linear-gradient(100deg,#fff 8%,#ebafe3 42%,var(--pink) 69%,#9c85e0);
}

[data-theme="light"]{

  --bg:#f7f4f9;
  --bg2:#eee9f3;
  --text:#19141d;
  --muted:#5e5664;
  --soft:#7c7282;
  --panel:rgba(255,255,255,.78);
  --panel2:rgba(255,255,255,.9);
  --line:rgba(45,31,52,.14);
  --shadow:rgba(50,28,62,.14);
  --headGrad:linear-gradient(100deg,#302c34,#97388a,#5d46a3);
}

/* light-mode tweaks that need more than a variable swap */
[data-theme="light"] .orb{opacity:.14}
[data-theme="light"] body:before{opacity:.85}
[data-theme="light"] .clientLogos img{filter:invert(1) hue-rotate(180deg) grayscale(.15);opacity:.75}
[data-theme="light"] .mapCanvas{background:
  radial-gradient(circle at 60% 50%,rgba(var(--pink-rgb),.18),transparent 45%),
  repeating-linear-gradient(0deg,transparent 0 33px,rgba(45,31,52,.06) 33px 34px),
  repeating-linear-gradient(90deg,transparent 0 33px,rgba(45,31,52,.06) 33px 34px),
  linear-gradient(140deg,#ffffff,#f1ecf6)}
[data-theme="light"] .avatars i{border-color:var(--bg)}