/* ============================================================
   CodeAugs — variables.css
   Design tokens: colours, typography, spacing, radii, shadows
   ============================================================ */
:root{
  /* Brand */
  --primary:#00E5FF;
  --accent:#7C4DFF;
  --bg:#0B0F19;
  --secondary:#A7B0C0;
  --white:#FFFFFF;

  /* Surfaces */
  --surface:#111726;
  --surface-2:#151C2E;
  --glass:rgba(255,255,255,.045);
  --glass-strong:rgba(255,255,255,.075);
  --border:rgba(167,176,192,.16);
  --border-strong:rgba(0,229,255,.35);

  /* Text */
  --text:#EAF0F7;
  --muted:#A7B0C0;
  --dim:#7E8798;

  /* Gradients */
  --grad:linear-gradient(135deg,#00E5FF 0%,#7C4DFF 100%);
  --grad-soft:linear-gradient(135deg,rgba(0,229,255,.16),rgba(124,77,255,.16));
  --grad-text:linear-gradient(100deg,#00E5FF 10%,#8BE9FF 40%,#7C4DFF 90%);
  --glow:0 0 0 1px rgba(0,229,255,.25),0 12px 40px -12px rgba(0,229,255,.35);

  /* Shadows */
  --shadow:0 12px 32px -16px rgba(0,0,0,.75);
  --shadow-lg:0 32px 70px -30px rgba(0,0,0,.85);

  /* Shape & rhythm */
  --radius-sm:10px;
  --radius:16px;
  --radius-lg:24px;
  --radius-pill:999px;
  --container:1240px;
  --container-wide:1560px;
  --nav-h:72px;
  --section-y:clamp(3.5rem,7vw,7rem);

  /* Type */
  --font-display:'Space Grotesk','Segoe UI',system-ui,sans-serif;
  --font-body:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;

  /* Motion */
  --ease:cubic-bezier(.22,.61,.36,1);
  --t-fast:.18s var(--ease);
  --t:.3s var(--ease);
}