:root {
  --c-blue-950: #102B43;
  --c-blue-900: #183B5B;
  --c-blue-700: #315F7D;
  --c-blue-100: #E7EEF3;
  --c-teal-600: #269EA3;
  --c-teal-500: #38BFC3;
  --c-teal-100: #DCF5F5;
  --c-yellow-500: #EFCB31;
  --c-yellow-400: #F4D44D;
  --c-yellow-100: #FFF7CF;
  --c-ivory-50: #FAF9F4;
  --c-white: #FFFFFF;
  --c-ink: #263238;
  --c-muted: #68777D;
  --c-border: #DCE5E8;
  --c-danger: #A43F34;
  --c-warning: #C66A45;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  --control-sm: 32px;
  --control: 42px;
  --control-lg: 50px;

  --content-max: 1320px;
  --shadow-sm: 0 2px 10px rgba(16,43,67,.06);
  --shadow-card: 0 10px 34px rgba(16,43,67,.08);
  --shadow-pop: 0 20px 60px rgba(16,43,67,.16);
}