:root {
  --color-primary: #3B82F6;
  --color-secondary: #0a0a0a;
  --font-body: var(--font-inter);
  --font-display: var(--font-inter);
  --color-primary-0: 245 249 255;
  --color-primary-50: 235 243 254;
  --color-primary-100: 216 230 253;
  --color-primary-200: 177 205 251;
  --color-primary-300: 137 180 250;
  --color-primary-400: 98 155 248;
  --color-primary-500: 59 130 246;
  --color-primary-600: 52 114 216;
  --color-primary-700: 45 99 187;
  --color-primary-800: 37 81 153;
  --color-primary-900: 28 62 118;
  --color-primary-950: 20 44 84;
  --color-secondary-0: 243 243 243;
  --color-secondary-50: 231 231 231;
  --color-secondary-100: 206 206 206;
  --color-secondary-200: 157 157 157;
  --color-secondary-300: 108 108 108;
  --color-secondary-400: 59 59 59;
  --color-secondary-500: 10 10 10;
  --color-secondary-600: 9 9 9;
  --color-secondary-700: 8 8 8;
  --color-secondary-800: 6 6 6;
  --color-secondary-900: 5 5 5;
  --color-secondary-950: 3 3 3;
}