:root {
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-pill: 999px;
  --radius-btn: 8px;

  --shadow-sm: 0 1px 2px rgba(56, 42, 34, .06), 0 1px 1px rgba(56, 42, 34, .04);
  --shadow-md: 0 8px 24px rgba(56, 42, 34, .08), 0 2px 6px rgba(56, 42, 34, .05);
  --shadow-lg: 0 20px 48px rgba(56, 42, 34, .12), 0 6px 16px rgba(56, 42, 34, .06);
  --shadow-inset: inset 0 1px 2px rgba(56, 42, 34, .06);

  --ease-standard: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --ease-in-out-soft: cubic-bezier(.45, 0, .2, 1);

  --duration-fast: 150ms;
  --duration-base: 220ms;
  --duration-slow: 400ms;

  --border-width: 1px;
  --border-width-md: 1.5px;
}