:root {
  --dotsuper-black: #000000;
  --dotsuper-white: #ffffff;
  --dotsuper-signal-aqua: #a9f4ef;
  --dotsuper-aqua-light: #d7fff9;
  --dotsuper-spectrum-sky: #d9e5f7;
  --dotsuper-spectrum-lilac: #e5d8f3;
  --dotsuper-spectrum-blush: #f0d4d4;
  --dotsuper-aqua-ink: #214b47;
  --dotsuper-paper: #f4f4ef;
  --dotsuper-mid: #72726d;
  --dotsuper-signature-spectrum: linear-gradient(110deg, #a9f4ef 0%, #d9e5f7 42%, #e5d8f3 68%, #f0d4d4 100%);
  --dotsuper-aqua-gradient: linear-gradient(135deg, #a9f4ef 0%, #d7fff9 100%);
  --dotsuper-font-primary: "Inter", Arial, sans-serif;
  --dotsuper-space-1: 8px;
  --dotsuper-space-2: 16px;
  --dotsuper-space-3: 24px;
  --dotsuper-space-4: 32px;
  --dotsuper-space-8: 64px;
  --dotsuper-space-12: 96px;
  --dotsuper-rule: 1px solid currentColor;
}

/* Logo rule: use only solid black on light fields or solid white on black. */
/* Dot rule: exactly five equal solid circles with equal 1.1× optical gaps. */
/* Never apply colour, gradients, glass, opacity, glow, blur or 3D effects to a mark. */