/* Fluffy — radii, shadows, motion.
   The identity is circular (badge, clouds) → generous rounding, pill controls. */
:root {
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px; /* pill buttons, tags */

  /* Soft navy-tinted shadows ("cloud" elevation) */
  --shadow-sm: 0 1px 2px rgba(10, 38, 74, 0.06), 0 1px 3px rgba(10, 38, 74, 0.08);
  --shadow-md: 0 2px 4px rgba(10, 38, 74, 0.05), 0 6px 16px rgba(10, 38, 74, 0.1);
  --shadow-lg: 0 4px 8px rgba(10, 38, 74, 0.06), 0 16px 40px rgba(10, 38, 74, 0.16);
  --shadow-gold-glow: 0 0 0 1px rgba(194, 166, 87, 0.35), 0 4px 16px rgba(194, 166, 87, 0.25);

  /* Motion — calm and brief; ease-out fades/rises, no bounces */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-normal: 200ms; /* @kind other */
  --duration-slow: 320ms; /* @kind other */
}