/* Croozn geometry + motion. Values observed across the app component set:
   gaps and paddings cluster on 5px steps, radii are large and pill-first,
   and elevation is a hard offset "lip" with no blur (a game-UI convention),
   with soft ambient shadows reserved for floating map pins. */

:root{
  /* Spacing — the 5px step ladder the auto-layouts use */
  --space-1:5px;--space-2:10px;--space-3:14px;--space-4:16px;--space-5:20px;
  --space-6:25px;--space-7:30px;--space-8:40px;--space-9:65px;

  /* Radii */
  --radius-sm:10px;    /* app frame corners, small chips */
  --radius-md:20px;    /* legacy button, list rows */
  --radius-lg:30px;    /* colour swatches, cards, drawers */
  --radius-xl:40px;    /* primary button + HUD pills */
  --radius-full:999px; /* avatars, nav dots, progress caps */

  /* Elevation — hard-lip shadows, no blur */
  --lip-white:0px 4px 0px 0px rgb(255,255,255);
  --lip-boost:0px 4px 0px 0px var(--croozn-boost-tone1);
  --lip-rogue:0px 4px 0px 0px var(--croozn-rogue-tone1);
  --lip-galaxy:0px 4px 0px 0px var(--croozn-galaxy-tone2);
  --lip-dark:0px 4px 0px 0px var(--croozn-midnight);

  /* Rings — drawn as inset shadows in the source, not borders */
  --ring-white-2:inset 0 0 0 2px rgb(255,255,255); /* @kind shadow */
  --ring-white-1:inset 0 0 0 1px rgb(255,255,255); /* @kind shadow */

  /* Ambient — floating map markers and drawers only */
  --shadow-pin:0px 6px 12px rgba(19,18,58,0.35);
  --shadow-drawer:0px -8px 24px rgba(19,18,58,0.25);

  /* Motion */
  --ease-out:cubic-bezier(0.22,0.61,0.36,1); /* @kind other */
  --ease-pop:cubic-bezier(0.34,1.56,0.64,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:400ms; /* @kind other */
}