// Hydrogen / Sass Maps / Gradients
@use "sass:color";
@use "../defaults" as *;

$gradient-map-simple: (
  // White to
  "0-white-white": linear-gradient(0deg, $white, $white),
  "45-white-white": linear-gradient(45deg, $white, $white),
  "90-white-white": linear-gradient(90deg, $white, $white),
  "135-white-white": linear-gradient(135deg, $white, $white),
  "180-white-white": linear-gradient(180deg, $white, $white),
  "225-white-white": linear-gradient(225deg, $white, $white),
  "270-white-white": linear-gradient(270deg, $white, $white),
  "315-white-white": linear-gradient(315deg, $white, $white),
  "0-white-black": linear-gradient(0deg, $white, $black),
  "45-white-black": linear-gradient(45deg, $white, $black),
  "90-white-black": linear-gradient(90deg, $white, $black),
  "135-white-black": linear-gradient(135deg, $white, $black),
  "180-white-black": linear-gradient(180deg, $white, $black),
  "225-white-black": linear-gradient(225deg, $white, $black),
  "270-white-black": linear-gradient(270deg, $white, $black),
  "315-white-black": linear-gradient(315deg, $white, $black),
  "0-white-1": linear-gradient(0deg, $white, $theme-color-1),
  "45-white-1": linear-gradient(45deg, $white, $theme-color-1),
  "90-white-1": linear-gradient(90deg, $white, $theme-color-1),
  "135-white-1": linear-gradient(135deg, $white, $theme-color-1),
  "180-white-1": linear-gradient(180deg, $white, $theme-color-1),
  "225-white-1": linear-gradient(225deg, $white, $theme-color-1),
  "270-white-1": linear-gradient(270deg, $white, $theme-color-1),
  "315-white-1": linear-gradient(315deg, $white, $theme-color-1),
  "0-white-2": linear-gradient(0deg, $white, $theme-color-2),
  "45-white-2": linear-gradient(45deg, $white, $theme-color-2),
  "90-white-2": linear-gradient(90deg, $white, $theme-color-2),
  "135-white-2": linear-gradient(135deg, $white, $theme-color-2),
  "180-white-2": linear-gradient(180deg, $white, $theme-color-2),
  "225-white-2": linear-gradient(225deg, $white, $theme-color-2),
  "270-white-2": linear-gradient(270deg, $white, $theme-color-2),
  "315-white-2": linear-gradient(315deg, $white, $theme-color-2),
  "0-white-3": linear-gradient(0deg, $white, $theme-color-3),
  "45-white-3": linear-gradient(45deg, $white, $theme-color-3),
  "90-white-3": linear-gradient(90deg, $white, $theme-color-3),
  "135-white-3": linear-gradient(135deg, $white, $theme-color-3),
  "180-white-3": linear-gradient(180deg, $white, $theme-color-3),
  "225-white-3": linear-gradient(225deg, $white, $theme-color-3),
  "270-white-3": linear-gradient(270deg, $white, $theme-color-3),
  "315-white-3": linear-gradient(315deg, $white, $theme-color-3),
  "0-white-4": linear-gradient(0deg, $white, $theme-color-4),
  "45-white-4": linear-gradient(45deg, $white, $theme-color-4),
  "90-white-4": linear-gradient(90deg, $white, $theme-color-4),
  "135-white-4": linear-gradient(135deg, $white, $theme-color-4),
  "180-white-4": linear-gradient(180deg, $white, $theme-color-4),
  "225-white-4": linear-gradient(225deg, $white, $theme-color-4),
  "270-white-4": linear-gradient(270deg, $white, $theme-color-4),
  "315-white-4": linear-gradient(315deg, $white, $theme-color-4),
  "0-white-5": linear-gradient(0deg, $white, $theme-color-5),
  "45-white-5": linear-gradient(45deg, $white, $theme-color-5),
  "90-white-5": linear-gradient(90deg, $white, $theme-color-5),
  "135-white-5": linear-gradient(135deg, $white, $theme-color-5),
  "180-white-5": linear-gradient(180deg, $white, $theme-color-5),
  "225-white-5": linear-gradient(225deg, $white, $theme-color-5),
  "270-white-5": linear-gradient(270deg, $white, $theme-color-5),
  "315-white-5": linear-gradient(315deg, $white, $theme-color-5),
  // Black to
  "0-black-white": linear-gradient(0deg, $black, $white),
  "45-black-white": linear-gradient(45deg, $black, $white),
  "90-black-white": linear-gradient(90deg, $black, $white),
  "135-black-white": linear-gradient(135deg, $black, $white),
  "180-black-white": linear-gradient(180deg, $black, $white),
  "225-black-white": linear-gradient(225deg, $black, $white),
  "270-black-white": linear-gradient(270deg, $black, $white),
  "315-black-white": linear-gradient(315deg, $black, $white),
  "0-black-black": linear-gradient(0deg, $black, $black),
  "45-black-black": linear-gradient(45deg, $black, $black),
  "90-black-black": linear-gradient(90deg, $black, $black),
  "135-black-black": linear-gradient(135deg, $black, $black),
  "180-black-black": linear-gradient(180deg, $black, $black),
  "225-black-black": linear-gradient(225deg, $black, $black),
  "270-black-black": linear-gradient(270deg, $black, $black),
  "315-black-black": linear-gradient(315deg, $black, $black),
  "0-black-1": linear-gradient(0deg, $black, $theme-color-1),
  "45-black-1": linear-gradient(45deg, $black, $theme-color-1),
  "90-black-1": linear-gradient(90deg, $black, $theme-color-1),
  "135-black-1": linear-gradient(135deg, $black, $theme-color-1),
  "180-black-1": linear-gradient(180deg, $black, $theme-color-1),
  "225-black-1": linear-gradient(225deg, $black, $theme-color-1),
  "270-black-1": linear-gradient(270deg, $black, $theme-color-1),
  "315-black-1": linear-gradient(315deg, $black, $theme-color-1),
  "0-black-2": linear-gradient(0deg, $black, $theme-color-2),
  "45-black-2": linear-gradient(45deg, $black, $theme-color-2),
  "90-black-2": linear-gradient(90deg, $black, $theme-color-2),
  "135-black-2": linear-gradient(135deg, $black, $theme-color-2),
  "180-black-2": linear-gradient(180deg, $black, $theme-color-2),
  "225-black-2": linear-gradient(225deg, $black, $theme-color-2),
  "270-black-2": linear-gradient(270deg, $black, $theme-color-2),
  "315-black-2": linear-gradient(315deg, $black, $theme-color-2),
  "0-black-3": linear-gradient(0deg, $black, $theme-color-3),
  "45-black-3": linear-gradient(45deg, $black, $theme-color-3),
  "90-black-3": linear-gradient(90deg, $black, $theme-color-3),
  "135-black-3": linear-gradient(135deg, $black, $theme-color-3),
  "180-black-3": linear-gradient(180deg, $black, $theme-color-3),
  "225-black-3": linear-gradient(225deg, $black, $theme-color-3),
  "270-black-3": linear-gradient(270deg, $black, $theme-color-3),
  "315-black-3": linear-gradient(315deg, $black, $theme-color-3),
  "0-black-4": linear-gradient(0deg, $black, $theme-color-4),
  "45-black-4": linear-gradient(45deg, $black, $theme-color-4),
  "90-black-4": linear-gradient(90deg, $black, $theme-color-4),
  "135-black-4": linear-gradient(135deg, $black, $theme-color-4),
  "180-black-4": linear-gradient(180deg, $black, $theme-color-4),
  "225-black-4": linear-gradient(225deg, $black, $theme-color-4),
  "270-black-4": linear-gradient(270deg, $black, $theme-color-4),
  "315-black-4": linear-gradient(315deg, $black, $theme-color-4),
  "0-black-5": linear-gradient(0deg, $black, $theme-color-5),
  "45-black-5": linear-gradient(45deg, $black, $theme-color-5),
  "90-black-5": linear-gradient(90deg, $black, $theme-color-5),
  "135-black-5": linear-gradient(135deg, $black, $theme-color-5),
  "180-black-5": linear-gradient(180deg, $black, $theme-color-5),
  "225-black-5": linear-gradient(225deg, $black, $theme-color-5),
  "270-black-5": linear-gradient(270deg, $black, $theme-color-5),
  "315-black-5": linear-gradient(315deg, $black, $theme-color-5),
  // 1 to
  "0-1-white": linear-gradient(0deg, $theme-color-1, $white),
  "45-1-white": linear-gradient(45deg, $theme-color-1, $white),
  "90-1-white": linear-gradient(90deg, $theme-color-1, $white),
  "135-1-white": linear-gradient(135deg, $theme-color-1, $white),
  "180-1-white": linear-gradient(180deg, $theme-color-1, $white),
  "225-1-white": linear-gradient(225deg, $theme-color-1, $white),
  "270-1-white": linear-gradient(270deg, $theme-color-1, $white),
  "315-1-white": linear-gradient(315deg, $theme-color-1, $white),
  "0-1-black": linear-gradient(0deg, $theme-color-1, $black),
  "45-1-black": linear-gradient(45deg, $theme-color-1, $black),
  "90-1-black": linear-gradient(90deg, $theme-color-1, $black),
  "135-1-black": linear-gradient(135deg, $theme-color-1, $black),
  "180-1-black": linear-gradient(180deg, $theme-color-1, $black),
  "225-1-black": linear-gradient(225deg, $theme-color-1, $black),
  "270-1-black": linear-gradient(270deg, $theme-color-1, $black),
  "315-1-black": linear-gradient(315deg, $theme-color-1, $black),
  "0-1-1": linear-gradient(0deg, $theme-color-1-light, $theme-color-1-dark),
  "45-1-1": linear-gradient(45deg, $theme-color-1-light, $theme-color-1-dark),
  "90-1-1": linear-gradient(90deg, $theme-color-1-light, $theme-color-1-dark),
  "135-1-1": linear-gradient(135deg, $theme-color-1-light, $theme-color-1-dark),
  "180-1-1": linear-gradient(180deg, $theme-color-1-light, $theme-color-1-dark),
  "225-1-1": linear-gradient(225deg, $theme-color-1-light, $theme-color-1-dark),
  "270-1-1": linear-gradient(270deg, $theme-color-1-light, $theme-color-1-dark),
  "315-1-1": linear-gradient(315deg, $theme-color-1-light, $theme-color-1-dark),
  "0-1-2": linear-gradient(0deg, $theme-color-1, $theme-color-2),
  "45-1-2": linear-gradient(45deg, $theme-color-1, $theme-color-2),
  "90-1-2": linear-gradient(90deg, $theme-color-1, $theme-color-2),
  "135-1-2": linear-gradient(135deg, $theme-color-1, $theme-color-2),
  "180-1-2": linear-gradient(180deg, $theme-color-1, $theme-color-2),
  "225-1-2": linear-gradient(225deg, $theme-color-1, $theme-color-2),
  "270-1-2": linear-gradient(270deg, $theme-color-1, $theme-color-2),
  "315-1-2": linear-gradient(315deg, $theme-color-1, $theme-color-2),
  "0-1-3": linear-gradient(0deg, $theme-color-1, $theme-color-3),
  "45-1-3": linear-gradient(45deg, $theme-color-1, $theme-color-3),
  "90-1-3": linear-gradient(90deg, $theme-color-1, $theme-color-3),
  "135-1-3": linear-gradient(135deg, $theme-color-1, $theme-color-3),
  "180-1-3": linear-gradient(180deg, $theme-color-1, $theme-color-3),
  "225-1-3": linear-gradient(225deg, $theme-color-1, $theme-color-3),
  "270-1-3": linear-gradient(270deg, $theme-color-1, $theme-color-3),
  "315-1-3": linear-gradient(315deg, $theme-color-1, $theme-color-3),
  "0-1-4": linear-gradient(0deg, $theme-color-1, $theme-color-4),
  "45-1-4": linear-gradient(45deg, $theme-color-1, $theme-color-4),
  "90-1-4": linear-gradient(90deg, $theme-color-1, $theme-color-4),
  "135-1-4": linear-gradient(135deg, $theme-color-1, $theme-color-4),
  "180-1-4": linear-gradient(180deg, $theme-color-1, $theme-color-4),
  "225-1-4": linear-gradient(225deg, $theme-color-1, $theme-color-4),
  "270-1-4": linear-gradient(270deg, $theme-color-1, $theme-color-4),
  "315-1-4": linear-gradient(315deg, $theme-color-1, $theme-color-4),
  "0-1-5": linear-gradient(0deg, $theme-color-1, $theme-color-5),
  "45-1-5": linear-gradient(45deg, $theme-color-1, $theme-color-5),
  "90-1-5": linear-gradient(90deg, $theme-color-1, $theme-color-5),
  "135-1-5": linear-gradient(135deg, $theme-color-1, $theme-color-5),
  "180-1-5": linear-gradient(180deg, $theme-color-1, $theme-color-5),
  "225-1-5": linear-gradient(225deg, $theme-color-1, $theme-color-5),
  "270-1-5": linear-gradient(270deg, $theme-color-1, $theme-color-5),
  "315-1-5": linear-gradient(315deg, $theme-color-1, $theme-color-5),
  // 2 to
  "0-2-white": linear-gradient(0deg, $theme-color-2, $white),
  "45-2-white": linear-gradient(45deg, $theme-color-2, $white),
  "90-2-white": linear-gradient(90deg, $theme-color-2, $white),
  "135-2-white": linear-gradient(135deg, $theme-color-2, $white),
  "180-2-white": linear-gradient(180deg, $theme-color-2, $white),
  "225-2-white": linear-gradient(225deg, $theme-color-2, $white),
  "270-2-white": linear-gradient(270deg, $theme-color-2, $white),
  "315-2-white": linear-gradient(315deg, $theme-color-2, $white),
  "0-2-black": linear-gradient(0deg, $theme-color-2, $black),
  "45-2-black": linear-gradient(45deg, $theme-color-2, $black),
  "90-2-black": linear-gradient(90deg, $theme-color-2, $black),
  "135-2-black": linear-gradient(135deg, $theme-color-2, $black),
  "180-2-black": linear-gradient(180deg, $theme-color-2, $black),
  "225-2-black": linear-gradient(225deg, $theme-color-2, $black),
  "270-2-black": linear-gradient(270deg, $theme-color-2, $black),
  "315-2-black": linear-gradient(315deg, $theme-color-2, $black),
  "0-2-1": linear-gradient(0deg, $theme-color-2, $theme-color-1),
  "45-2-1": linear-gradient(45deg, $theme-color-2, $theme-color-1),
  "90-2-1": linear-gradient(90deg, $theme-color-2, $theme-color-1),
  "135-2-1": linear-gradient(135deg, $theme-color-2, $theme-color-1),
  "180-2-1": linear-gradient(180deg, $theme-color-2, $theme-color-1),
  "225-2-1": linear-gradient(225deg, $theme-color-2, $theme-color-1),
  "270-2-1": linear-gradient(270deg, $theme-color-2, $theme-color-1),
  "315-2-1": linear-gradient(315deg, $theme-color-2, $theme-color-1),
  "0-2-2": linear-gradient(0deg, $theme-color-2-light, $theme-color-2-dark),
  "45-2-2": linear-gradient(45deg, $theme-color-2-light, $theme-color-2-dark),
  "90-2-2": linear-gradient(90deg, $theme-color-2-light, $theme-color-2-dark),
  "135-2-2": linear-gradient(135deg, $theme-color-2-light, $theme-color-2-dark),
  "180-2-2": linear-gradient(180deg, $theme-color-2-light, $theme-color-2-dark),
  "225-2-2": linear-gradient(225deg, $theme-color-2-light, $theme-color-2-dark),
  "270-2-2": linear-gradient(270deg, $theme-color-2-light, $theme-color-2-dark),
  "315-2-2": linear-gradient(315deg, $theme-color-2-light, $theme-color-2-dark),
  "0-2-3": linear-gradient(0deg, $theme-color-2, $theme-color-3),
  "45-2-3": linear-gradient(45deg, $theme-color-2, $theme-color-3),
  "90-2-3": linear-gradient(90deg, $theme-color-2, $theme-color-3),
  "135-2-3": linear-gradient(135deg, $theme-color-2, $theme-color-3),
  "180-2-3": linear-gradient(180deg, $theme-color-2, $theme-color-3),
  "225-2-3": linear-gradient(225deg, $theme-color-2, $theme-color-3),
  "270-2-3": linear-gradient(270deg, $theme-color-2, $theme-color-3),
  "315-2-3": linear-gradient(315deg, $theme-color-2, $theme-color-3),
  "0-2-4": linear-gradient(0deg, $theme-color-2, $theme-color-4),
  "45-2-4": linear-gradient(45deg, $theme-color-2, $theme-color-4),
  "90-2-4": linear-gradient(90deg, $theme-color-2, $theme-color-4),
  "135-2-4": linear-gradient(135deg, $theme-color-2, $theme-color-4),
  "180-2-4": linear-gradient(180deg, $theme-color-2, $theme-color-4),
  "225-2-4": linear-gradient(225deg, $theme-color-2, $theme-color-4),
  "270-2-4": linear-gradient(270deg, $theme-color-2, $theme-color-4),
  "315-2-4": linear-gradient(315deg, $theme-color-2, $theme-color-4),
  "0-2-5": linear-gradient(0deg, $theme-color-2, $theme-color-5),
  "45-2-5": linear-gradient(45deg, $theme-color-2, $theme-color-5),
  "90-2-5": linear-gradient(90deg, $theme-color-2, $theme-color-5),
  "135-2-5": linear-gradient(135deg, $theme-color-2, $theme-color-5),
  "180-2-5": linear-gradient(180deg, $theme-color-2, $theme-color-5),
  "225-2-5": linear-gradient(225deg, $theme-color-2, $theme-color-5),
  "270-2-5": linear-gradient(270deg, $theme-color-2, $theme-color-5),
  "315-2-5": linear-gradient(315deg, $theme-color-2, $theme-color-5),
  // 3 to
  "0-3-white": linear-gradient(0deg, $theme-color-3, $white),
  "45-3-white": linear-gradient(45deg, $theme-color-3, $white),
  "90-3-white": linear-gradient(90deg, $theme-color-3, $white),
  "135-3-white": linear-gradient(135deg, $theme-color-3, $white),
  "180-3-white": linear-gradient(180deg, $theme-color-3, $white),
  "225-3-white": linear-gradient(225deg, $theme-color-3, $white),
  "270-3-white": linear-gradient(270deg, $theme-color-3, $white),
  "315-3-white": linear-gradient(315deg, $theme-color-3, $white),
  "0-3-black": linear-gradient(0deg, $theme-color-3, $black),
  "45-3-black": linear-gradient(45deg, $theme-color-3, $black),
  "90-3-black": linear-gradient(90deg, $theme-color-3, $black),
  "135-3-black": linear-gradient(135deg, $theme-color-3, $black),
  "180-3-black": linear-gradient(180deg, $theme-color-3, $black),
  "225-3-black": linear-gradient(225deg, $theme-color-3, $black),
  "270-3-black": linear-gradient(270deg, $theme-color-3, $black),
  "315-3-black": linear-gradient(315deg, $theme-color-3, $black),
  "0-3-1": linear-gradient(0deg, $theme-color-3, $theme-color-1),
  "45-3-1": linear-gradient(45deg, $theme-color-3, $theme-color-1),
  "90-3-1": linear-gradient(90deg, $theme-color-3, $theme-color-1),
  "135-3-1": linear-gradient(135deg, $theme-color-3, $theme-color-1),
  "180-3-1": linear-gradient(180deg, $theme-color-3, $theme-color-1),
  "225-3-1": linear-gradient(225deg, $theme-color-3, $theme-color-1),
  "270-3-1": linear-gradient(270deg, $theme-color-3, $theme-color-1),
  "315-3-1": linear-gradient(315deg, $theme-color-3, $theme-color-1),
  "0-3-2": linear-gradient(0deg, $theme-color-3, $theme-color-2),
  "45-3-2": linear-gradient(45deg, $theme-color-3, $theme-color-2),
  "90-3-2": linear-gradient(90deg, $theme-color-3, $theme-color-2),
  "135-3-2": linear-gradient(135deg, $theme-color-3, $theme-color-2),
  "180-3-2": linear-gradient(180deg, $theme-color-3, $theme-color-2),
  "225-3-2": linear-gradient(225deg, $theme-color-3, $theme-color-2),
  "270-3-2": linear-gradient(270deg, $theme-color-3, $theme-color-2),
  "315-3-2": linear-gradient(315deg, $theme-color-3, $theme-color-2),
  "0-3-3": linear-gradient(0deg, $theme-color-3-light, $theme-color-3-dark),
  "45-3-3": linear-gradient(45deg, $theme-color-3-light, $theme-color-3-dark),
  "90-3-3": linear-gradient(90deg, $theme-color-3-light, $theme-color-3-dark),
  "135-3-3": linear-gradient(135deg, $theme-color-3-light, $theme-color-3-dark),
  "180-3-3": linear-gradient(180deg, $theme-color-3-light, $theme-color-3-dark),
  "225-3-3": linear-gradient(225deg, $theme-color-3-light, $theme-color-3-dark),
  "270-3-3": linear-gradient(270deg, $theme-color-3-light, $theme-color-3-dark),
  "315-3-3": linear-gradient(315deg, $theme-color-3-light, $theme-color-3-dark),
  "0-3-4": linear-gradient(0deg, $theme-color-3, $theme-color-4),
  "45-3-4": linear-gradient(45deg, $theme-color-3, $theme-color-4),
  "90-3-4": linear-gradient(90deg, $theme-color-3, $theme-color-4),
  "135-3-4": linear-gradient(135deg, $theme-color-3, $theme-color-4),
  "180-3-4": linear-gradient(180deg, $theme-color-3, $theme-color-4),
  "225-3-4": linear-gradient(225deg, $theme-color-3, $theme-color-4),
  "270-3-4": linear-gradient(270deg, $theme-color-3, $theme-color-4),
  "315-3-4": linear-gradient(315deg, $theme-color-3, $theme-color-4),
  "0-3-5": linear-gradient(0deg, $theme-color-3, $theme-color-5),
  "45-3-5": linear-gradient(45deg, $theme-color-3, $theme-color-5),
  "90-3-5": linear-gradient(90deg, $theme-color-3, $theme-color-5),
  "135-3-5": linear-gradient(135deg, $theme-color-3, $theme-color-5),
  "180-3-5": linear-gradient(180deg, $theme-color-3, $theme-color-5),
  "225-3-5": linear-gradient(225deg, $theme-color-3, $theme-color-5),
  "270-3-5": linear-gradient(270deg, $theme-color-3, $theme-color-5),
  "315-3-5": linear-gradient(315deg, $theme-color-3, $theme-color-5),
  // 4 to
  "0-4-white": linear-gradient(0deg, $theme-color-4, $white),
  "45-4-white": linear-gradient(45deg, $theme-color-4, $white),
  "90-4-white": linear-gradient(90deg, $theme-color-4, $white),
  "135-4-white": linear-gradient(135deg, $theme-color-4, $white),
  "180-4-white": linear-gradient(180deg, $theme-color-4, $white),
  "225-4-white": linear-gradient(225deg, $theme-color-4, $white),
  "270-4-white": linear-gradient(270deg, $theme-color-4, $white),
  "315-4-white": linear-gradient(315deg, $theme-color-4, $white),
  "0-4-black": linear-gradient(0deg, $theme-color-4, $black),
  "45-4-black": linear-gradient(45deg, $theme-color-4, $black),
  "90-4-black": linear-gradient(90deg, $theme-color-4, $black),
  "135-4-black": linear-gradient(135deg, $theme-color-4, $black),
  "180-4-black": linear-gradient(180deg, $theme-color-4, $black),
  "225-4-black": linear-gradient(225deg, $theme-color-4, $black),
  "270-4-black": linear-gradient(270deg, $theme-color-4, $black),
  "315-4-black": linear-gradient(315deg, $theme-color-4, $black),
  "0-4-1": linear-gradient(0deg, $theme-color-4, $theme-color-1),
  "45-4-1": linear-gradient(45deg, $theme-color-4, $theme-color-1),
  "90-4-1": linear-gradient(90deg, $theme-color-4, $theme-color-1),
  "135-4-1": linear-gradient(135deg, $theme-color-4, $theme-color-1),
  "180-4-1": linear-gradient(180deg, $theme-color-4, $theme-color-1),
  "225-4-1": linear-gradient(225deg, $theme-color-4, $theme-color-1),
  "270-4-1": linear-gradient(270deg, $theme-color-4, $theme-color-1),
  "315-4-1": linear-gradient(315deg, $theme-color-4, $theme-color-1),
  "0-4-2": linear-gradient(0deg, $theme-color-4, $theme-color-2),
  "45-4-2": linear-gradient(45deg, $theme-color-4, $theme-color-2),
  "90-4-2": linear-gradient(90deg, $theme-color-4, $theme-color-2),
  "135-4-2": linear-gradient(135deg, $theme-color-4, $theme-color-2),
  "180-4-2": linear-gradient(180deg, $theme-color-4, $theme-color-2),
  "225-4-2": linear-gradient(225deg, $theme-color-4, $theme-color-2),
  "270-4-2": linear-gradient(270deg, $theme-color-4, $theme-color-2),
  "315-4-2": linear-gradient(315deg, $theme-color-4, $theme-color-2),
  "0-4-3": linear-gradient(0deg, $theme-color-4, $theme-color-3),
  "45-4-3": linear-gradient(45deg, $theme-color-4, $theme-color-3),
  "90-4-3": linear-gradient(90deg, $theme-color-4, $theme-color-3),
  "135-4-3": linear-gradient(135deg, $theme-color-4, $theme-color-3),
  "180-4-3": linear-gradient(180deg, $theme-color-4, $theme-color-3),
  "225-4-3": linear-gradient(225deg, $theme-color-4, $theme-color-3),
  "270-4-3": linear-gradient(270deg, $theme-color-4, $theme-color-3),
  "315-4-3": linear-gradient(315deg, $theme-color-4, $theme-color-3),
  "0-4-4": linear-gradient(0deg, $theme-color-4-light, $theme-color-4-dark),
  "45-4-4": linear-gradient(45deg, $theme-color-4-light, $theme-color-4-dark),
  "90-4-4": linear-gradient(90deg, $theme-color-4-light, $theme-color-4-dark),
  "135-4-4": linear-gradient(135deg, $theme-color-4-light, $theme-color-4-dark),
  "180-4-4": linear-gradient(180deg, $theme-color-4-light, $theme-color-4-dark),
  "225-4-4": linear-gradient(225deg, $theme-color-4-light, $theme-color-4-dark),
  "270-4-4": linear-gradient(270deg, $theme-color-4-light, $theme-color-4-dark),
  "315-4-4": linear-gradient(315deg, $theme-color-4-light, $theme-color-4-dark),
  "0-4-5": linear-gradient(0deg, $theme-color-4, $theme-color-5),
  "45-4-5": linear-gradient(45deg, $theme-color-4, $theme-color-5),
  "90-4-5": linear-gradient(90deg, $theme-color-4, $theme-color-5),
  "135-4-5": linear-gradient(135deg, $theme-color-4, $theme-color-5),
  "180-4-5": linear-gradient(180deg, $theme-color-4, $theme-color-5),
  "225-4-5": linear-gradient(225deg, $theme-color-4, $theme-color-5),
  "270-4-5": linear-gradient(270deg, $theme-color-4, $theme-color-5),
  "315-4-5": linear-gradient(315deg, $theme-color-4, $theme-color-5),
  // 5 to
  "0-5-white": linear-gradient(0deg, $theme-color-5, $white),
  "45-5-white": linear-gradient(45deg, $theme-color-5, $white),
  "90-5-white": linear-gradient(90deg, $theme-color-5, $white),
  "135-5-white": linear-gradient(135deg, $theme-color-5, $white),
  "180-5-white": linear-gradient(180deg, $theme-color-5, $white),
  "225-5-white": linear-gradient(225deg, $theme-color-5, $white),
  "270-5-white": linear-gradient(270deg, $theme-color-5, $white),
  "315-5-white": linear-gradient(315deg, $theme-color-5, $white),
  "0-5-black": linear-gradient(0deg, $theme-color-5, $black),
  "45-5-black": linear-gradient(45deg, $theme-color-5, $black),
  "90-5-black": linear-gradient(90deg, $theme-color-5, $black),
  "135-5-black": linear-gradient(135deg, $theme-color-5, $black),
  "180-5-black": linear-gradient(180deg, $theme-color-5, $black),
  "225-5-black": linear-gradient(225deg, $theme-color-5, $black),
  "270-5-black": linear-gradient(270deg, $theme-color-5, $black),
  "315-5-black": linear-gradient(315deg, $theme-color-5, $black),
  "0-5-1": linear-gradient(0deg, $theme-color-5, $theme-color-1),
  "45-5-1": linear-gradient(45deg, $theme-color-5, $theme-color-1),
  "90-5-1": linear-gradient(90deg, $theme-color-5, $theme-color-1),
  "135-5-1": linear-gradient(135deg, $theme-color-5, $theme-color-1),
  "180-5-1": linear-gradient(180deg, $theme-color-5, $theme-color-1),
  "225-5-1": linear-gradient(225deg, $theme-color-5, $theme-color-1),
  "270-5-1": linear-gradient(270deg, $theme-color-5, $theme-color-1),
  "315-5-1": linear-gradient(315deg, $theme-color-5, $theme-color-1),
  "0-5-2": linear-gradient(0deg, $theme-color-5, $theme-color-2),
  "45-5-2": linear-gradient(45deg, $theme-color-5, $theme-color-2),
  "90-5-2": linear-gradient(90deg, $theme-color-5, $theme-color-2),
  "135-5-2": linear-gradient(135deg, $theme-color-5, $theme-color-2),
  "180-5-2": linear-gradient(180deg, $theme-color-5, $theme-color-2),
  "225-5-2": linear-gradient(225deg, $theme-color-5, $theme-color-2),
  "270-5-2": linear-gradient(270deg, $theme-color-5, $theme-color-2),
  "315-5-2": linear-gradient(315deg, $theme-color-5, $theme-color-2),
  "0-5-3": linear-gradient(0deg, $theme-color-5, $theme-color-3),
  "45-5-3": linear-gradient(45deg, $theme-color-5, $theme-color-3),
  "90-5-3": linear-gradient(90deg, $theme-color-5, $theme-color-3),
  "135-5-3": linear-gradient(135deg, $theme-color-5, $theme-color-3),
  "180-5-3": linear-gradient(180deg, $theme-color-5, $theme-color-3),
  "225-5-3": linear-gradient(225deg, $theme-color-5, $theme-color-3),
  "270-5-3": linear-gradient(270deg, $theme-color-5, $theme-color-3),
  "315-5-3": linear-gradient(315deg, $theme-color-5, $theme-color-3),
  "0-5-4": linear-gradient(0deg, $theme-color-5, $theme-color-4),
  "45-5-4": linear-gradient(45deg, $theme-color-5, $theme-color-4),
  "90-5-4": linear-gradient(90deg, $theme-color-5, $theme-color-4),
  "135-5-4": linear-gradient(135deg, $theme-color-5, $theme-color-4),
  "180-5-4": linear-gradient(180deg, $theme-color-5, $theme-color-4),
  "225-5-4": linear-gradient(225deg, $theme-color-5, $theme-color-4),
  "270-5-4": linear-gradient(270deg, $theme-color-5, $theme-color-4),
  "315-5-4": linear-gradient(315deg, $theme-color-5, $theme-color-4),
  "0-5-5": linear-gradient(0deg, $theme-color-5-light, $theme-color-5-dark),
  "45-5-5": linear-gradient(45deg, $theme-color-5-light, $theme-color-5-dark),
  "90-5-5": linear-gradient(90deg, $theme-color-5-light, $theme-color-5-dark),
  "135-5-5": linear-gradient(135deg, $theme-color-5-light, $theme-color-5-dark),
  "180-5-5": linear-gradient(180deg, $theme-color-5-light, $theme-color-5-dark),
  "225-5-5": linear-gradient(225deg, $theme-color-5-light, $theme-color-5-dark),
  "270-5-5": linear-gradient(270deg, $theme-color-5-light, $theme-color-5-dark),
  "315-5-5": linear-gradient(315deg, $theme-color-5-light, $theme-color-5-dark)
);