/* WeCreate elevation, radius & motion tokens.
   Source: Material UI defaults as configured in consumer-ui-web (MUI v7 theme). */

:root {
  /* Corner radii — MUI default 4px; avatars/icon chips are circular */
  --radius-sm: 4px;
  --radius-md: 8px; /* cards in feed use paper w/ 4–8px */
  --radius-pill: 24px; /* content-type icon capsule (spacing(3)) */
  --radius-full: 50%;

  /* Shadows — MUI elevation levels actually used (1, 4, 8) */
  --shadow-1: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
  --shadow-4: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
  --shadow-8: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
  --shadow-fab: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12);

  /* Borders */
  --border-hairline: 0.8px solid var(--divider); /* spacing(0.1) hairlines on nav column & app bar */

  /* Motion — Material easing; collapse/appbar transitions run 500ms ease-in-out */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-short: 250ms; /* @kind other */
  --duration-medium: 500ms; /* @kind other */

  /* Interaction states (MUI action opacities) */
  --state-hover-opacity: 0.04; /* @kind other */
  --state-selected-opacity: 0.08; /* @kind other */
  --state-activated-opacity: 0.12; /* @kind other */
  --state-disabled-opacity: 0.38; /* @kind other */
}