/* ============================================
   AI Era — CSS Custom Properties (Design Tokens)
   ============================================ */
:root{
  --bg:#030305;
  --surface:rgba(255,255,255,.035);
  --surface-2:rgba(8,8,16,.72);
  --border:rgba(255,255,255,.085);
  --text:#fff;
  --muted:#8a8a93;
  --indigo:#818cf8;
  --indigo-2:#a5b4fc;
  --cyan:#67e8f9;
  --purple:#c084fc;

  /* Spacing */
  --space-xs:8px;
  --space-sm:14px;
  --space-md:20px;
  --space-lg:28px;
  --space-xl:42px;

  /* Radii */
  --radius-sm:9px;
  --radius-md:18px;
  --radius-lg:20px;
  --radius-pill:999px;

  /* Fonts */
  --font-sans:"Plus Jakarta Sans",sans-serif;
  --font-mono:"JetBrains Mono",monospace;
}