:root {
  --white: #ffffff;
  --black: #000000;
  --grey-1: #514d4d;
  --red-1: #990000;
  --purple-1: #a200ae;
  --blue-1: #1414e3;

  --white-smoke: #f1f1f1;
  --light-orange: #ffb519;
  --dark-yellow: #ffad00;

  --light-grey: #cccccc;
  --light-blue: #086fcd;

  --purple-2: rgb(100, 60, 87);
  --violet-2: rgb(226, 192, 216);
  --blue-2: rgb(14, 93, 100);
  --grey-2: rgb(147, 163, 136);
  --brown-2: rgb(195, 146, 67);

  --grey-3: #2c3e50;
  --pink-3: #e743c3;
  --white-3: #ecf0f1;
  --blue-3: #3498db;
  --red-3: #ff1100;

  --white-background: linear-gradient(90deg, var(--grey-1), var(--white-smoke));
  --yellow-background: linear-gradient(
    45deg,
    var(--light-orange),
    var(--dark-yellow)
  );

  --menu-strips: var(--yellow-background);
  --body-background: var(--white-background);
  --product-border: var(--border-colour);
}