/* IF Initiative — Radii, shadows & borders
   Corners are soft and consistent: 16px is the house radius (Figma
   variable "Corner/Large"), 20px for media cards, fully-round pills
   for nav bars and buttons. Shadows are soft, low-contrast, neutral. */

:root {
  /* ---- Radii ---- */
  --radius-sm:   16px; /* panels, content cards (Corner/Large) */
  --radius-md:   20px; /* media / illustration cards */
  --radius-pill: 40px; /* nav bar, large pills */
  --radius-full: 999px; /* circular icons, tags */

  /* ---- Shadows ---- */
  --shadow-card:  0px 4px 14.7px 0px rgba(0, 0, 0, 0.1);   /* default raised card */
  --shadow-float: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
                  0px 2px 6px 2px rgba(0, 0, 0, 0.15);      /* floating media card */

  /* ---- Borders ---- */
  --border-hairline: 1px solid var(--c-border);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast:  120ms; /* @kind other */
  --dur-base:  200ms; /* @kind other */
}