/* ============================================================
   RELAVENDO · RADII, SHADOWS, MOTION
   Sharp not pill (8–12px). Cool-tinted shadows. Restrained motion.
   ============================================================ */
:root {
  /* ---- Radii ---- */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;    /* cards, sheets */
  --radius-full: 999px; /* only for status dots / avatars, never buttons */

  /* ---- Shadows (cool navy-tinted, low-spread, layered) ---- */
  --shadow-xs: 0 1px 2px rgba(7, 27, 51, 0.06);
  --shadow-sm: 0 1px 3px rgba(7, 27, 51, 0.08), 0 1px 2px rgba(7, 27, 51, 0.04);
  --shadow-md: 0 4px 16px rgba(10, 42, 78, 0.10), 0 1px 3px rgba(7, 27, 51, 0.06);
  --shadow-lg: 0 12px 32px rgba(10, 42, 78, 0.16), 0 2px 8px rgba(7, 27, 51, 0.08);
  --shadow-sheet: 0 -8px 32px rgba(7, 27, 51, 0.18); /* bottom-sheet lift */

  /* ---- The money glow — cyan, used sparingly ---- */
  --glow-cyan: 0 0 0 1px rgba(34,228,228,0.35), 0 6px 20px rgba(34,228,228,0.28);
  --glow-cyan-soft: 0 4px 18px rgba(34,228,228,0.20);

  /* ---- Gradients (isometric world, derived from logo) ---- */
  --grad-brand: linear-gradient(135deg, #0FA3A3 0%, #1499D6 55%, #0C3C6C 100%); /* @kind color */
  --grad-cyan: linear-gradient(135deg, #1BE0C4 0%, #22E4E4 100%); /* @kind color */
  --grad-navy: linear-gradient(160deg, #0A2A4E 0%, #071B33 100%); /* @kind color */
  --grad-iso: linear-gradient(135deg, #1BE0C4 0%, #17BDBD 30%, #1499D6 65%, #0A2A4E 100%); /* @kind color */

  /* ---- Motion (restrained, purposeful) ---- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.45, 0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */
  --focus-ring: 0 0 0 3px rgba(20, 153, 214, 0.35); /* @kind shadow */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms; /* @kind other */
    --dur-base: 0ms; /* @kind other */
    --dur-slow: 0ms; /* @kind other */
  }
}