/* Kgotla — radii, borders, elevation, motion. */
:root{
  --radius-frame:5px;
  --radius-sm:8px;
  --radius-image:10px;
  --radius-md:12px;
  --radius-lg:20px;
  --radius-card-image:20px 20px 10px 10px;  /* Card Square photo crop */
  --radius-pill:999px;
  --radius-circle:50%;

  --border-hairline:1px solid var(--border-subtle);
  --border-button:2px;                       /* secondary button stroke */

  --shadow-hairline:inset 0 0 0 1px var(--border-subtle);
  --shadow-card-hover:0 4px 8.7px 0 rgba(0,0,0,0.25);
  --shadow-soft:0 1px 3px 0 rgba(0,0,0,0.1);

  --opacity-hover:0.75; /* @kind other */                      /* tertiary button hover */
  --opacity-placeholder:0.5; /* @kind other */                 /* input placeholder ink */

  --ease-standard:cubic-bezier(0.4,0,0.2,1); /* @kind other */
  --duration-fast:120ms; /* @kind other */
  --duration-base:200ms; /* @kind other */
  --duration-slow:320ms; /* @kind other */
  --transition-base:all var(--duration-base) var(--ease-standard);
}