/* ============================================================
   Voltai — Radius, Elevation & Motion Tokens
   ------------------------------------------------------------
   Voltai's geometry is mostly HARD-EDGED and technical with two
   deliberate exceptions: full PILLS (capsule badges / nav) and
   CIRCLE icon-badges (the diagram nodes in the brand deck).
   Elevation on paper is subtle and flat; on void it is a faint
   ambient glow rather than a drop shadow.
   ============================================================ */

:root {
  /* ---- Radius ---- */
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px; /* inputs, small controls */
  --radius-md: 6px; /* buttons */
  --radius-lg: 10px; /* cards */
  --radius-xl: 16px; /* large panels / modals */
  --radius-pill: 999px; /* capsule badges, nav */
  --radius-circle: 50%; /* icon badges, avatars */

  /* ---- Elevation — paper (subtle, cool, flat) ---- */
  --shadow-xs: 0 1px 2px rgba(10, 10, 11, 0.06);
  --shadow-sm: 0 1px 2px rgba(10, 10, 11, 0.06), 0 2px 6px rgba(10, 10, 11, 0.05);
  --shadow-md: 0 2px 4px rgba(10, 10, 11, 0.05), 0 8px 20px rgba(10, 10, 11, 0.08);
  --shadow-lg: 0 8px 16px rgba(10, 10, 11, 0.08), 0 24px 48px rgba(10, 10, 11, 0.12);

  /* ---- Elevation — void (ambient glow, hairline lift) ---- */
  --shadow-void-sm: 0 1px 0 rgba(140, 190, 230, 0.05) inset, 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-void-md: 0 1px 0 rgba(140, 190, 230, 0.06) inset, 0 12px 40px rgba(0, 0, 0, 0.6);
  --glow-volt: 0 0 0 1px rgba(79, 176, 230, 0.45), 0 0 28px rgba(45, 134, 189, 0.4);

  /* ---- Focus ---- */
  --ring-width: 2px;
  --ring-offset: 2px;

  /* ---- Motion — precise, no bounce ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */ /* default UI */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */ /* entrances */
  --ease-in: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --dur-instant: 80ms; /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 220ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */
}