/* Light theme */
:root {
  --transparent: transparent;
  --color-white: #fff;
  --color-white-alter: #f9f9f9;
  --color-bg: #777;
  --color-bg-footer: #2a2a2a;
  --color-bg-white: #fff;
  --color-bg-white-left-cont: rgba(255, 255, 255, 1);
  --color-bg-white-alter: #f9f9f9;
  --color-bg-white-alter-right-cont: rgba(235, 235, 235, 1);
  --color-black: #000;
  --color-black-alter: #0f0f0f;
  --color-gray-dark: #333;
  --color-gray-mid: #666;
  --color-gray-medium: #ddd;
  --color-gray-light: #ccc;
  --color-gray-soft: #eee;
  --color-red: #c0392b;
  --color-yellow: #ffd54f;
  --color-yellow-dark: #ffa000;
  --color-accent: #000;
  --color-accent-alt: #fff;
}