:root{
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:9px;      /* buttons, inputs */
  --radius-lg:12px;     /* cards */
  --radius-xl:14px;     /* panels, mocks */
  --radius-pill:999px;

  --border-width:1px; /* @kind other */
  --border-width-strong:2px; /* @kind other */

  --shadow-none:none;
  --shadow-sm:0 1px 2px rgba(11,35,64,.06);
  --shadow-card:0 2px 8px -2px rgba(11,35,64,.10);
  --shadow-raised:0 16px 38px -20px rgba(14,36,64,.38);
  --shadow-overlay:0 28px 60px -24px rgba(11,35,64,.45);
  --shadow-press:inset 0 2px 4px rgba(11,35,64,.14);
  --shadow-button:0 2px 0 var(--action-primary-shadow);
  --ring-focus:0 0 0 3px rgba(224,110,42,.45);
}