:root{
  /* INK / DARK */
  --ink:#050d16;
  --ink-soft:#0b1829;
  --ink-2:#0a1422;
  /* BRAND BLUE */
  --blue:#0f6fe8;
  --blue-mid:#1a7df5;
  --blue-bright:#3b9bff;
  --blue-glow:#6ec4ff;
  --blue-tint:#e6f2ff;
  --blue-xlight:#f4f9ff;
  /* ACCENT (2026 cool-cyan / violet hint) */
  --cyan:#22d3ee;
  --violet:#7c87ff;
  /* SURFACES */
  --surface:#fff;
  --surface2:#f4f8ff;
  --surface3:#eef4fc;
  --surface-glass:rgba(255,255,255,.7);
  --border:#d6e4f5;
  --border-soft:#e6eef8;
  /* TEXT */
  --text:#061018;
  --text-mid:#243d5c;
  --text-muted:#5a7898;
  /* GRADIENTS */
  --grad-blue:linear-gradient(135deg,var(--blue) 0%,var(--blue-mid) 55%,var(--blue-bright) 100%);
  --grad-accent:linear-gradient(120deg,var(--blue-bright) 0%,var(--cyan) 100%);
  --grad-text:linear-gradient(95deg,var(--blue-bright),var(--blue-glow) 60%,var(--cyan));
  --grad-aurora:radial-gradient(ellipse 70% 90% at 12% 55%,rgba(18,96,212,.6) 0%,transparent 60%),radial-gradient(ellipse 50% 65% at 88% 18%,rgba(59,155,255,.32) 0%,transparent 58%),radial-gradient(ellipse 55% 60% at 60% 100%,rgba(34,211,238,.18) 0%,transparent 60%);
  /* SHADOWS – coloured for depth */
  --shadow-sm:0 2px 10px rgba(15,111,232,.08);
  --shadow-md:0 14px 38px rgba(15,111,232,.13);
  --shadow-lg:0 28px 64px rgba(6,16,24,.16);
  --shadow-blue:0 18px 44px rgba(15,111,232,.32);
  --shadow-glass:0 8px 32px rgba(6,16,24,.12),inset 0 1px 0 rgba(255,255,255,.6);
  /* RADII */
  --r:22px;
  --r-sm:13px;
  --r-xl:30px;
  --r-2xl:38px;
  /* MOTION */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --header-h:72px;
}