/* CSL-IMT — Radii, borders & shadows */
:root {
  /* Corner radii */
  --csl-radius-lg: 20px;   /* Cards */
  --csl-radius-md: 16px;   /* Inner blocks / images */
  --csl-radius-sm: 12px;   /* Small blocks, logo lockup frames */
  --csl-radius-pill: 40px; /* Pills, chips, CTA buttons */
  --csl-radius-full: 999px;

  /* Borders */
  --csl-border-hair: 1px solid var(--csl-border);
  --csl-accent-bar-h: 6px; /* Gold underline bar height */

  /* Shadows */
  --csl-shadow-card: 0 1px 3px rgba(20, 30, 60, 0.08);
  --csl-shadow-doc: 0 2px 12px rgba(20, 30, 60, 0.12);
  --csl-shadow-badge: 0 10px 24px rgba(20, 51, 126, 0.22);
  --csl-shadow-float: 0 12px 28px rgba(20, 51, 126, 0.20);

  /* Photo treatment — brand duotone overlay */
  --csl-duotone: rgba(83, 134, 228, 0.82);

  /* Motion — restrained, precise. Fades only, no bounce. */
  --csl-ease: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --csl-dur: 160ms; /* @kind other */
}