:root{
  --dg-black:#000000;
  --dg-surface-1:#0D0D0D;
  --dg-surface-2:#1A1A1A;
  --dg-surface-3:#262626;
  --dg-line:rgba(224,224,224,.12);
  --dg-line-strong:rgba(224,224,224,.24);
  --dg-yellow:#FFBF00;
  --dg-yellow-600:#E0A800;
  --dg-yellow-300:#FFD24D;
  --dg-yellow-glow:rgba(255,191,0,.35);
  --dg-yellow-10:rgba(255,191,0,.10);
  --dg-white:#E0E0E0;
  --dg-white-70:rgba(224,224,224,.70);
  --dg-white-45:rgba(224,224,224,.45);
  --dg-red:#F80000;
  --dg-red-300:#FF4D4D;
  --dg-red-600:#D60000;
  --dg-red-800:#5C0000;
  --dg-red-glow:rgba(248,0,0,.40);
  --dg-red-10:rgba(248,0,0,.10);
  --dg-green:#00FF03;
  --dg-green-300:#66FF68;
  --dg-green-600:#00C203;
  --dg-green-800:#004D01;
  --dg-green-glow:rgba(0,255,3,.45);
  --dg-green-10:rgba(0,255,3,.08);

  --dg-font:'Montserrat',system-ui,sans-serif;
  --dg-skew:-6deg;

  --dg-space-1:4px;--dg-space-2:8px;--dg-space-3:12px;--dg-space-4:16px;--dg-space-6:24px;
  --dg-space-8:32px;--dg-space-12:48px;--dg-space-16:64px;--dg-space-24:96px;--dg-space-32:128px;

  --dg-radius-0:0;--dg-radius-1:2px;--dg-radius-2:4px;
  --dg-cut:14px;
  --dg-shadow-glow:0 0 0 1px var(--dg-yellow),0 10px 40px -8px var(--dg-yellow-glow);
  --dg-ease:cubic-bezier(.2,.8,.2,1);
}
html{background:var(--dg-black);color-scheme:dark}
body{background:var(--dg-black);color:var(--dg-white);font-family:var(--dg-font);font-weight:500;-webkit-font-smoothing:antialiased}
::selection{background:var(--dg-yellow);color:#000}
:focus-visible{outline:3px solid var(--dg-yellow);outline-offset:3px}