:root {
  /* neutral */
  --clr-neutral-100: oklch(12% 0.005 280);
  --clr-neutral-200: oklch(25% 0.005 280);
  --clr-neutral-300: oklch(38% 0.005 280);
  --clr-neutral-400: oklch(49% 0.005 280);
  --clr-neutral-500: oklch(60% 0.005 280);
  --clr-neutral-600: oklch(71% 0.005 280);
  --clr-neutral-700: oklch(85% 0.005 280);
  --clr-neutral-800: oklch(92% 0.005 280);
  --clr-neutral-850: oklch(95% 0.005 280);
  --clr-neutral-900: oklch(97% 0.005 280);
  --clr-neutral-975: oklch(99% 0.005 280);

/* blue */
  --clr-blue-100: oklch(12% 0.02 255);
  --clr-blue-200: oklch(25% 0.05 255);
  --clr-blue-300: oklch(38% 0.12 255);
  --clr-blue-400: oklch(49% 0.19 255);
  --clr-blue-500: oklch(60% 0.27 255);
  --clr-blue-600: oklch(71% 0.19 255);
  --clr-blue-700: oklch(85% 0.12 255);
  --clr-blue-800: oklch(92% 0.05 255);
  --clr-blue-850: oklch(95% 0.04 255);
  --clr-blue-900: oklch(97% 0.02 255);
  --clr-blue-975: oklch(99% 0.005 255);

  /* green */
  --clr-green-100: oklch(12% 0.02 144);
  --clr-green-200: oklch(25% 0.05 144);
  --clr-green-300: oklch(38% 0.12 144);
  --clr-green-400: oklch(49% 0.19 144);
  --clr-green-500: oklch(60% 0.27 144);
  --clr-green-600: oklch(71% 0.19 144);
  --clr-green-700: oklch(85% 0.12 144);
  --clr-green-800: oklch(92% 0.05 144);
  --clr-green-850: oklch(95% 0.04 144);
  --clr-green-900: oklch(97% 0.02 144);
  --clr-green-975: oklch(99% 0.005 144);

  /* red */
  --clr-red-100: oklch(12% 0.02 30);
  --clr-red-200: oklch(25% 0.05 30);
  --clr-red-300: oklch(38% 0.12 30);
  --clr-red-400: oklch(49% 0.19 30);
  --clr-red-500: oklch(60% 0.27 30);
  --clr-red-600: oklch(71% 0.19 30);
  --clr-red-700: oklch(85% 0.12 30);
  --clr-red-800: oklch(92% 0.05 30);
  --clr-red-850: oklch(95% 0.04 30);
  --clr-red-900: oklch(97% 0.02 30);
  --clr-red-975: oklch(99% 0.005 30);

  /* pink */
  --clr-pink-100: oklch(12% 0.02 12);
  --clr-pink-200: oklch(25% 0.05 12);
  --clr-pink-300: oklch(38% 0.12 12);
  --clr-pink-400: oklch(49% 0.19 12);
  --clr-pink-500: oklch(60% 0.27 12);
  --clr-pink-600: oklch(71% 0.19 12);
  --clr-pink-700: oklch(85% 0.12 12);
  --clr-pink-800: oklch(92% 0.05 12);
  --clr-pink-850: oklch(95% 0.04 12);
  --clr-pink-900: oklch(97% 0.02 12);
  --clr-pink-975: oklch(99% 0.005 12);

  /* yellow */
  --clr-yellow-100: oklch(13% 0.0275 105.014);
  --clr-yellow-200: oklch(25% 0.0528 105.014);
  --clr-yellow-300: oklch(44% 0.0931 105.014);
  --clr-yellow-400: oklch(59% 0.1249 105.014);
  --clr-yellow-500: oklch(94% 0.19 105.014);
  --clr-yellow-600: oklch(95% 0.1623 105.014);
  --clr-yellow-700: oklch(95.47% 0.1278 104.4);
  --clr-yellow-800: oklch(97.47% 0.0818 104.4);
  --clr-yellow-850: oklch(97.47% 0.0818 104.4);
  --clr-yellow-900: oklch(97.47% 0.0507 104.4);
  --clr-yellow-975: oklch(99.7% 0.0101 104.4);

  /* csbqblue */
  --clr-csbqblue-100: oklch(12% 0.02 234);
  --clr-csbqblue-200: oklch(25% 0.05 234);
  --clr-csbqblue-300: oklch(38% 0.12 234);
  --clr-csbqblue-400: oklch(49% 0.19 234);
  --clr-csbqblue-500: oklch(75.21% 0.1516 234);
  --clr-csbqblue-600: oklch(80.21% 0.1457 234);
  --clr-csbqblue-700: oklch(85% 0.12 234);
  --clr-csbqblue-800: oklch(92% 0.05 234);
  --clr-csbqblue-850: oklch(95% 0.04 234);
  --clr-csbqblue-900: oklch(97% 0.02 234);
  --clr-csbqblue-975: oklch(99% 0.005 234);

  /* ocre */
  --clr-ocre-100: oklch(12% 0.02 85);
  --clr-ocre-200: oklch(25% 0.05 85);
  --clr-ocre-300: oklch(38% 0.12 85);
  --clr-ocre-400: oklch(49% 0.19 85);
  --clr-ocre-500: oklch(75.21% 0.1516 84.42);
  --clr-ocre-600: oklch(80.21% 0.1516 84.42);
  --clr-ocre-700: oklch(85% 0.12 85);
  --clr-ocre-800: oklch(92% 0.05 85);
  --clr-ocre-850: oklch(95% 0.04 85);
  --clr-ocre-900: oklch(97% 0.02 85);
  --clr-ocre-975: oklch(99% 0.005 85);
}