/* HumbleBear corners, elevation and motion. */

:root{
  --radius-sm:.25rem;    /* badge size="xs", kbd cap */
  --radius-md:.375rem;   /* menu items, small buttons, table pills */
  --radius-lg:.5rem;     /* THE default: buttons, inputs, cards, callouts, nav items */
  --radius-xl:.75rem;    /* modals, marketing feature cards */
  --radius-2xl:1rem;     /* marketing hero panels, pricing shells */
  --radius-full:9999px;  /* avatars (round variant), progress track, pills */

  /* elevation — deliberately shallow in-product, deeper on marketing */
  --shadow-xs:0 1px 2px 0 rgb(0 0 0 / .05);           /* cards, inputs, tables */
  --shadow-sm:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1);
  --shadow:0 1px 3px 0 rgb(0 0 0 / .1);
  --shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); /* modals, popovers, marketing cards */
  --inset-shadow-xs:inset 0 1px 1px rgb(245 245 245 / .3);  /* filled buttons only */

  --backdrop-modal:rgba(0,0,0,.8);
  --backdrop-command:rgba(0,0,0,.4);
  --backdrop-sidebar:rgba(0,0,0,.1);

  --duration-fast:100ms; /* @kind other */
  --duration:150ms; /* @kind other */
  --duration-slow:200ms; /* @kind other */
  --duration-slower:300ms; /* @kind other */
  --ease:ease-in-out; /* @kind other */
  /* fast = toast in/out, 150 = modal open, slow = button+tab colour and accordion,
     slower = marketing card hover reveal */
}