:root {
  /* Primary Colors */
  --color-white: #ffffff;
  --color-blue: #1a73e8;
  --color-gray: #5f6368;

  /* Blue Shades */
  --color-blue-light: #e8f0fe;
  --color-blue-dark: #1557b0;

  /* Gray Shades */
  --color-gray-light: #f8f9fa;
  --color-gray-dark: #3c4043;
  --color-gray-100: #f8f9fa;
  --color-gray-200: #e9ecef;
  --color-gray-300: #dee2e6;
  --color-gray-400: #ced4da;
  --color-gray-500: #adb5bd;
  --color-gray-600: #5f6368;
  --color-gray-700: #3c4043;
  --color-gray-800: #202124;
  --color-gray-900: #111213;
}