/* Radii, borders, shadows. Corners are near-square: this is an
   institutional, document-first brand, not a consumer app. */
:root {
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-pill: 999px;

  --border-width-hairline: 1px;
  --border-width-rule: 2px;
  --border-width-accent: 4px; /* left/top keyline on callouts */

  --shadow-none: none;
  --shadow-xs: 0 1px 1px rgba(0, 18, 51, 0.05);
  --shadow-sm: 0 1px 2px rgba(0, 18, 51, 0.08), 0 1px 1px rgba(0, 18, 51, 0.04);
  --shadow-md: 0 2px 6px rgba(0, 18, 51, 0.09), 0 1px 2px rgba(0, 18, 51, 0.05);
  --shadow-lg: 0 8px 24px rgba(0, 18, 51, 0.12);
  --shadow-inset-rule: inset 0 -1px 0 var(--grey-200);
  --focus-ring: 0 0 0 2px var(--white), 0 0 0 4px var(--navy-500);

  /* Protective scrim for type over photography */
  --scrim-navy: linear-gradient(180deg, rgba(0, 18, 51, 0.15) 0%, rgba(0, 18, 51, 0.82) 100%); /* @kind color */
  --scrim-navy-side: linear-gradient(90deg, rgba(0, 18, 51, 0.92) 0%, rgba(0, 18, 51, 0.55) 55%, rgba(0, 18, 51, 0.1) 100%); /* @kind color */
}