:root {
  --color-brand-50: #f0fdfa;
  --brand-50: 240 253 250;
  --color-brand-100: #ccfbf1;
  --brand-100: 204 251 241;
  --color-brand-200: #99f6e4;
  --brand-200: 153 246 228;
  --color-brand-300: #5eead4;
  --brand-300: 94 234 212;
  --color-brand-400: #2dd4bf;
  --brand-400: 45 212 191;
  --color-brand-500: #14b8a6;
  --brand-500: 20 184 166;
  --color-brand-600: #0f766e;
  --brand-600: 15 118 110;
  --color-brand-700: #115e59;
  --brand-700: 17 94 89;
  --color-brand-800: #134e4a;
  --brand-800: 19 78 74;
  --color-brand-900: #0c3d3a;
  --brand-900: 12 61 58;
  --color-brand-950: #042f2e;
  --brand-950: 4 47 46;
  --color-accent-300: #fca5a5;
  --accent-300: 252 165 165;
  --color-accent-400: #f87171;
  --accent-400: 248 113 113;
  --color-accent-500: #ef4444;
  --accent-500: 239 68 68;
  --color-accent-600: #dc2626;
  --accent-600: 220 38 38;
}