:root{
  /* Warm-tinted, low-spread shadows. Sparingly used — borders do most of the work. */
  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(39,44,54,.06);
  --shadow-sm: 0 1px 3px rgba(39,44,54,.08), 0 1px 2px rgba(39,44,54,.04);
  --shadow-md: 0 4px 12px rgba(39,44,54,.09);
  --shadow-lg: 0 12px 28px rgba(39,44,54,.12);
  --shadow-xl: 0 24px 56px rgba(39,44,54,.16);
  --shadow-inset-hairline: inset 0 -1px 0 var(--border-hairline);
  --ring-focus: 0 0 0 3px var(--focus-ring);
  --ring-focus-inverse: 0 0 0 3px rgba(245,243,239,.35);

  --border-width-hairline: 1px;
  --border-width-strong: 2px;
}