:root{
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-pill:999px;

  --border-hairline:1px solid var(--line-hairline);
  --border-accent:1px solid var(--line-accent);

  --shadow-sm:0 1px 2px rgba(10,31,68,.06),0 1px 3px rgba(10,31,68,.08);
  --shadow-md:0 4px 10px rgba(10,31,68,.07),0 10px 24px rgba(10,31,68,.08);
  --shadow-lg:0 12px 28px rgba(10,31,68,.10),0 28px 64px rgba(10,31,68,.12);
  --shadow-focus:0 0 0 3px rgba(153,172,255,.55);
  --shadow-inset-line:inset 0 -1px 0 var(--line-hairline);
}