:root {
  /* ── Colours ────────────────────────────────────────── */
  --sgd-bg: #142060;                  /* base background */
  --sgd-color-dark: #0a1248;          /* darkest / gradient edge */
  --sgd-color-mid: #3874e0;           /* grid line & node colour */
  --sgd-color-bright: #5cc8f0;        /* highlight on hover / wave */
  --sgd-color-accent: #a0e4ff;        /* secondary accent colour */
  --sgd-overlay: rgba(10, 18, 72, 0); /* overlay tint above canvas */

  /* ── Grid appearance ──────────────────────────────────── */
  --sgd-grid-size: 75px;              /* size of each grid square */
  --sgd-thickness: 0.5px;             /* grid line width */
  --sgd-node-size: 1px;               /* node diameter (0 = off) */
  --sgd-grid-opacity: 0.19;           /* overall grid alpha */

  /* ── Interaction ────────────────────────────────────── */
  --sgd-sensitivity: 0.24;            /* mouse influence (0–1) */
  --sgd-click-wave: 1;                /* 1 = on, 0 = off */

  /* ── Background & perspective ───────────────────────── */
  --sgd-bg-glow: 0.7;                 /* glow intensity (0–1) */
  --sgd-grad-type: 0;                 /* 0 = organic, 1 = radial, 2 = horiz, 3 = vert */
  --sgd-tilt: 0.54;                   /* perspective tilt (0.1–0.8) */
  --sgd-sharpness: 0.5;               /* line sharpness (0–1) */
  --sgd-speed: 1.76;                  /* animation speed (0.1–2) */
  --sgd-bg-mode: 0;                   /* 0 = built-in bg, 1 = transparent */

  /* ── Layout ───────────────────────────────────────── */
  --sgd-height: 100svh;               /* hero section height */
  --sgd-min-height: 680px;            /* minimum height */
}