:root {
  /* Gray */
  --color-oklch-gray-950: 0.13 0.028 261.692;
  --color-oklch-gray-900: 0.21 0.034 264.665;
  --color-oklch-gray-800: 0.278 0.033 256.848;
  --color-oklch-gray-700: 0.373 0.034 259.733;
  --color-oklch-gray-600: 0.446 0.03 256.802;
  --color-oklch-gray-500: 0.551 0.027 264.364;
  --color-oklch-gray-400: 0.707 0.022 261.325;
  --color-oklch-gray-300: 0.872 0.01 258.338;
  --color-oklch-gray-200: 0.928 0.006 264.531;
  --color-oklch-gray-100: 0.967 0.003 264.542;
  --color-oklch-gray-50: 0.985 0.002 247.839;

  --color-gray-950: oklch(var(--color-oklch-gray-950));
  --color-gray-900: oklch(var(--color-oklch-gray-900));
  --color-gray-800: oklch(var(--color-oklch-gray-800));
  --color-gray-700: oklch(var(--color-oklch-gray-700));
  --color-gray-600: oklch(var(--color-oklch-gray-600));
  --color-gray-500: oklch(var(--color-oklch-gray-500));
  --color-gray-400: oklch(var(--color-oklch-gray-400));
  --color-gray-300: oklch(var(--color-oklch-gray-300));
  --color-gray-200: oklch(var(--color-oklch-gray-200));
  --color-gray-100: oklch(var(--color-oklch-gray-100));
  --color-gray-50: oklch(var(--color-oklch-gray-50));

  /* Black and White */
  --color-black: #000;
  --color-white: #fff;
}