:root{
  /* Radii — geometric, moderate. Pills only for tags/labels. */
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-pill:999px;

  /* Borders */
  --border-width:1px;
  --border-width-strong:2px;
  --rule:1px solid var(--border-subtle);

  /* Elevation — soft, navy-tinted, never grey/black */
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(17,6,57,.06);
  --shadow-sm:0 2px 6px rgba(17,6,57,.07);
  --shadow-md:0 6px 18px rgba(17,6,57,.09);
  --shadow-lg:0 16px 40px rgba(17,6,57,.12);
  --shadow-accent:0 8px 24px rgba(0,191,99,.28);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.5);

  /* Focus */
  --focus-ring-width:3px;
  --focus-ring-shadow:0 0 0 3px rgba(0,191,99,.35);

  /* Blur */
  --blur-glass:12px;
}