/* CSS Variables - Black and White Theme */
:root {
  /* Black and White Colors */
  --black: #000000;
  --white: #ffffff;
  --dark-gray: #1a1a1a;
  --medium-gray: #666666;
  --light-gray: #cccccc;

  /* CSS HSL */
  --black-hsl: hsla(0, 0%, 0%, 1);
  --white-hsl: hsla(0, 0%, 100%, 1);
  --dark-gray-hsl: hsla(0, 0%, 10%, 1);
  --medium-gray-hsl: hsla(0, 0%, 40%, 1);
  --light-gray-hsl: hsla(0, 0%, 80%, 1);

  /* CSS RGB */
  --black-rgb: rgba(0, 0, 0, 1);
  --white-rgb: rgba(255, 255, 255, 1);
  --dark-gray-rgb: rgba(26, 26, 26, 1);
  --medium-gray-rgb: rgba(102, 102, 102, 1);
  --light-gray-rgb: rgba(204, 204, 204, 1);

  /* Gradients */
  --gradient-top: linear-gradient(0deg, var(--black), var(--dark-gray), var(--medium-gray), var(--light-gray), var(--white));
  --gradient-right: linear-gradient(90deg, var(--black), var(--dark-gray), var(--medium-gray), var(--light-gray), var(--white));
  --gradient-bottom: linear-gradient(180deg, var(--black), var(--dark-gray), var(--medium-gray), var(--light-gray), var(--white));
  --gradient-left: linear-gradient(270deg, var(--black), var(--dark-gray), var(--medium-gray), var(--light-gray), var(--white));
  --gradient-radial: radial-gradient(var(--black), var(--dark-gray), var(--medium-gray), var(--light-gray), var(--white));
}