:root{
  --sidebar:286px;
  --hy-bg:#06111f;
  --hy-bg-2:#081827;
  --hy-panel:#0c2033;
  --hy-panel-2:#102a40;
  --hy-panel-3:#132f47;
  --hy-line:rgba(148,205,232,.14);
  --hy-line-strong:rgba(96,211,235,.26);
  --hy-text:#f5fbff;
  --hy-text-2:#d8e7f3;
  --hy-muted:#88a3ba;
  --hy-dim:#617d96;
  --hy-cyan:#14bdf2;
  --hy-emerald:#22dfa6;
  --hy-amber:#f2bd62;
  --hy-red:#f27d75;
  --hy-violet:#a99af4;
  --hy-gradient:linear-gradient(115deg,var(--hy-cyan),var(--hy-emerald));
  --hy-shadow:0 28px 70px -34px rgba(0,0,0,.8);
  --hy-shadow-soft:0 18px 45px -30px rgba(0,0,0,.72);
  --hy-radius-xl:24px;
  --hy-radius-lg:18px;
  --hy-radius-md:14px;
  --hy-radius-sm:10px;
}