:root {
  /* ---------- H.A.N.K. Canon ---------- */

  --hank-blue: #3c78d8;
  --hank-blue-light: #5a95f5;
  --hank-blue-dark: #244f94;

  --hank-black: #111111;
  --hank-dark: #1b1b1b;
  --hank-grey: #444444;

  --hank-white: #ffffff;
  --hank-text: #f5f5f5;
  --hank-muted: #b8c2d1;

  /* ---------- Typography ---------- */

  --font-main: "Segoe UI", "Inter", Arial, sans-serif;

  /* ---------- Layout ---------- */

  --radius: 18px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;

  /* ---------- Effects ---------- */

  --shadow-soft: 0 6px 20px rgba(0,0,0,.25);

  --glow-blue: 0 0 18px rgba(60,120,216,.35);

  --transition: .25s ease;
}