/* UMC effects — borders, radii, shadows
   The system's signature is a HEAVY BLACK BORDER + a hard offset shadow
   (no blur), echoing the black rounded frame in the logo. Flat, bold, printy. */
:root {
  /* Border widths */
  --bw-hair: 1px;
  --bw: 2px;      /* default component border */
  --bw-strong: 3px;  /* cards, framed panels */

  /* Radii — squared corners (boxes are hard-cornered) */
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;   /* cards / the logo-frame feel */
  --radius-xl: 0;
  /* No --radius-pill: nothing on this site is rounded, and having the token
     around was an invitation to make something so. Every radius here is 0;
     use --radius-sm where a rule needs to name one. */

  /* Signature hard shadows (solid black, no blur) */
  --shadow-hard-sm: 3px 3px 0 var(--umc-true-black);
  --shadow-hard: 5px 5px 0 var(--umc-true-black);
  --shadow-hard-lg: 8px 8px 0 var(--umc-true-black);
  /* colored variants for team-tinted panels */
  --shadow-hard-red: 5px 5px 0 var(--umc-red-600);
  --shadow-hard-blue: 5px 5px 0 var(--umc-blue-600);
  /* rare soft elevation (menus, toasts) */
  --shadow-soft: 0 8px 24px rgba(0,0,0,0.12);

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.3, 1);
  --dur-fast: 120ms;
  --dur: 180ms;
}