/* ============================================================
   Infomedia Studios — Radii, shadows, motion
   ============================================================ */
:root {
  /* Corner radii */
  --radius-sm: 5px;     /* large media blocks */
  --radius-md: 7px;     /* buttons, dropdowns, inputs */
  --radius-lg: 10px;    /* portfolio / feature cards */
  --radius-pill: 30px;  /* category chips / tags */
  --radius-round: 50%;  /* dots, favicon */

  /* Shadows — restrained, low-contrast */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-elevated: 0 10px 40px rgba(0, 0, 0, 0.25);
  --shadow-hover: 0 12px 32px rgba(8, 22, 20, 0.14);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}