$_clr-breakerbay-99: hsla(185, 27%, 98%, 1);
$_clr-breakerbay-95: hsla(185, 27%, 94.9%, 1);
$_clr-breakerbay-90: hsla(185, 27%, 89.8%, 1);
$_clr-breakerbay-85: hsla(185, 27%, 84.7%, 1);
$_clr-breakerbay-80: hsla(185, 27%, 79.6%, 1);
$_clr-breakerbay-75: hsla(185, 27%, 74.5%, 1);
$_clr-breakerbay-70: hsla(185, 27%, 69.4%, 1);
$_clr-breakerbay-65: hsla(185, 27%, 64.3%, 1);
$_clr-breakerbay-60: hsla(185, 27%, 59.2%, 1);
$_clr-breakerbay-55: hsla(185, 27%, 54.1%, 1);
$_clr-breakerbay-50: hsla(185, 27%, 49%, 1);
$_clr-breakerbay-45: hsla(185, 27%, 44.1%, 1);
$_clr-breakerbay-40: hsla(185, 27%, 39.2%, 1);
$_clr-breakerbay-35: hsla(185, 27%, 34.3%, 1);
$_clr-breakerbay-30: hsla(185, 27%, 29.4%, 1);
$_clr-breakerbay-25: hsla(185, 27%, 24.5%, 1);
$_clr-breakerbay-20: hsla(185, 27%, 19.6%, 1);
$_clr-breakerbay-15: hsla(185, 27%, 14.7%, 1);
$_clr-breakerbay-10: hsla(185, 27%, 9.8%, 1);
$_clr-breakerbay-5: hsla(185, 27%, 4.9%, 1);


$_clr-orange-99: hsla(14, 100%, 98%, 1);
$_clr-orange-95: hsla(14, 100%, 95.7%, 1);
$_clr-orange-90: hsla(14, 100%, 91.4%, 1);
$_clr-orange-85: hsla(14, 100%, 87.1%, 1);
$_clr-orange-80: hsla(14, 100%, 82.8%, 1);
$_clr-orange-75: hsla(14, 100%, 78.5%, 1);
$_clr-orange-70: hsla(14, 100%, 74.2%, 1);
$_clr-orange-65: hsla(14, 100%, 69.9%, 1);
$_clr-orange-60: hsla(14, 100%, 65.6%, 1);
$_clr-orange-55: hsla(14, 100%, 61.3%, 1);
$_clr-orange-50: hsla(14, 100%, 57%, 1);
$_clr-orange-45: hsla(14, 100%, 51.3%, 1);
$_clr-orange-40: hsla(14, 100%, 45.6%, 1);
$_clr-orange-35: hsla(14, 100%, 39.9%, 1);
$_clr-orange-30: hsla(14, 100%, 34.2%, 1);
$_clr-orange-25: hsla(14, 100%, 28.5%, 1);
$_clr-orange-20: hsla(14, 100%, 22.8%, 1);
$_clr-orange-15: hsla(14, 100%, 17.1%, 1);
$_clr-orange-10: hsla(14, 100%, 11.4%, 1);
$_clr-orange-5: hsla(14, 100%, 5.7%, 1);


$_clr-crusta-99: hsla(21, 98%, 98%, 1);
$_clr-crusta-95: hsla(21, 98%, 96.2%, 1);
$_clr-crusta-90: hsla(21, 98%, 92.4%, 1);
$_clr-crusta-85: hsla(21, 98%, 88.6%, 1);
$_clr-crusta-80: hsla(21, 98%, 84.8%, 1);
$_clr-crusta-75: hsla(21, 98%, 81%, 1);
$_clr-crusta-70: hsla(21, 98%, 77.2%, 1);
$_clr-crusta-65: hsla(21, 98%, 73.4%, 1);
$_clr-crusta-60: hsla(21, 98%, 69.6%, 1);
$_clr-crusta-55: hsla(21, 98%, 65.8%, 1);
$_clr-crusta-50: hsla(21, 98%, 62%, 1);
$_clr-crusta-45: hsla(21, 98%, 55.8%, 1);
$_clr-crusta-40: hsla(21, 98%, 49.6%, 1);
$_clr-crusta-35: hsla(21, 98%, 43.4%, 1);
$_clr-crusta-30: hsla(21, 98%, 37.2%, 1);
$_clr-crusta-25: hsla(21, 98%, 31%, 1);
$_clr-crusta-20: hsla(21, 98%, 24.8%, 1);
$_clr-crusta-15: hsla(21, 98%, 18.6%, 1);
$_clr-crusta-10: hsla(21, 98%, 12.4%, 1);
$_clr-crusta-5: hsla(21, 98%, 6.2%, 1);


$_clr-seabuckthorn-99: hsla(33, 94%, 98%, 1);
$_clr-seabuckthorn-95: hsla(33, 94%, 96.1%, 1);
$_clr-seabuckthorn-90: hsla(33, 94%, 92.2%, 1);
$_clr-seabuckthorn-85: hsla(33, 94%, 88.3%, 1);
$_clr-seabuckthorn-80: hsla(33, 94%, 84.4%, 1);
$_clr-seabuckthorn-75: hsla(33, 94%, 80.5%, 1);
$_clr-seabuckthorn-70: hsla(33, 94%, 76.6%, 1);
$_clr-seabuckthorn-65: hsla(33, 94%, 72.7%, 1);
$_clr-seabuckthorn-60: hsla(33, 94%, 68.8%, 1);
$_clr-seabuckthorn-55: hsla(33, 94%, 64.9%, 1);
$_clr-seabuckthorn-50: hsla(33, 94%, 61%, 1);
$_clr-seabuckthorn-45: hsla(33, 94%, 54.9%, 1);
$_clr-seabuckthorn-40: hsla(33, 94%, 48.8%, 1);
$_clr-seabuckthorn-35: hsla(33, 94%, 42.7%, 1);
$_clr-seabuckthorn-30: hsla(33, 94%, 36.6%, 1);
$_clr-seabuckthorn-25: hsla(33, 94%, 30.5%, 1);
$_clr-seabuckthorn-20: hsla(33, 94%, 24.4%, 1);
$_clr-seabuckthorn-15: hsla(33, 94%, 18.3%, 1);
$_clr-seabuckthorn-10: hsla(33, 94%, 12.2%, 1);
$_clr-seabuckthorn-5: hsla(33, 94%, 6.1%, 1);


$_clr-desaturated-99: hsla(60, 22%, 98%, 1);
$_clr-desaturated-95: hsla(60, 22%, 97.2%, 1);
$_clr-desaturated-90: hsla(60, 22%, 94.4%, 1);
$_clr-desaturated-85: hsla(60, 22%, 91.6%, 1);
$_clr-desaturated-80: hsla(60, 22%, 88.8%, 1);
$_clr-desaturated-75: hsla(60, 22%, 86%, 1);
$_clr-desaturated-70: hsla(60, 22%, 83.2%, 1);
$_clr-desaturated-65: hsla(60, 22%, 80.4%, 1);
$_clr-desaturated-60: hsla(60, 22%, 77.6%, 1);
$_clr-desaturated-55: hsla(60, 22%, 74.8%, 1);
$_clr-desaturated-50: hsla(60, 22%, 72%, 1);
$_clr-desaturated-45: hsla(60, 22%, 64.8%, 1);
$_clr-desaturated-40: hsla(60, 22%, 57.6%, 1);
$_clr-desaturated-35: hsla(60, 22%, 50.4%, 1);
$_clr-desaturated-30: hsla(60, 22%, 43.2%, 1);
$_clr-desaturated-25: hsla(60, 22%, 36%, 1);
$_clr-desaturated-20: hsla(60, 22%, 28.8%, 1);
$_clr-desaturated-15: hsla(60, 22%, 21.6%, 1);
$_clr-desaturated-10: hsla(60, 22%, 14.4%, 1);
$_clr-desaturated-5: hsla(60, 22%, 7.2%, 1);


$_clr-neutral-99: hsla(0, 0%, 98%, 1);
$_clr-neutral-95: hsla(0, 0%, 95%, 1);
$_clr-neutral-90: hsla(0, 0%, 90%, 1);
$_clr-neutral-85: hsla(0, 0%, 85%, 1);
$_clr-neutral-80: hsla(0, 0%, 80%, 1);
$_clr-neutral-75: hsla(0, 0%, 75%, 1);
$_clr-neutral-70: hsla(0, 0%, 70%, 1);
$_clr-neutral-65: hsla(0, 0%, 65%, 1);
$_clr-neutral-60: hsla(0, 0%, 60%, 1);
$_clr-neutral-55: hsla(0, 0%, 55%, 1);
$_clr-neutral-50: hsla(0, 0%, 50%, 1);
$_clr-neutral-45: hsla(0, 0%, 45%, 1);
$_clr-neutral-40: hsla(0, 0%, 40%, 1);
$_clr-neutral-35: hsla(0, 0%, 35%, 1);
$_clr-neutral-30: hsla(0, 0%, 30%, 1);
$_clr-neutral-25: hsla(0, 0%, 25%, 1);
$_clr-neutral-20: hsla(0, 0%, 20%, 1);
$_clr-neutral-15: hsla(0, 0%, 15%, 1);
$_clr-neutral-10: hsla(0, 0%, 10%, 1);
$_clr-neutral-5: hsla(0, 0%, 5%, 1);




$colors: (
 primary: (
  99: $_clr-breakerbay-99,
  95: $_clr-breakerbay-95,
  90: $_clr-breakerbay-90,
  85: $_clr-breakerbay-85,
  80: $_clr-breakerbay-80,
  75: $_clr-breakerbay-75,
  70: $_clr-breakerbay-70,
  65: $_clr-breakerbay-65,
  60: $_clr-breakerbay-60,
  55: $_clr-breakerbay-55,
  50: $_clr-breakerbay-50,
  45: $_clr-breakerbay-45,
  40: $_clr-breakerbay-40,
  35: $_clr-breakerbay-35,
  30: $_clr-breakerbay-30,
  25: $_clr-breakerbay-25,
  20: $_clr-breakerbay-20,
  15: $_clr-breakerbay-15,
  10: $_clr-breakerbay-10,
  5: $_clr-breakerbay-5,
 ),
 accent-1: (
  99: $_clr-orange-99,
  95: $_clr-orange-95,
  90: $_clr-orange-90,
  85: $_clr-orange-85,
  80: $_clr-orange-80,
  75: $_clr-orange-75,
  70: $_clr-orange-70,
  65: $_clr-orange-65,
  60: $_clr-orange-60,
  55: $_clr-orange-55,
  50: $_clr-orange-50,
  45: $_clr-orange-45,
  40: $_clr-orange-40,
  35: $_clr-orange-35,
  30: $_clr-orange-30,
  25: $_clr-orange-25,
  20: $_clr-orange-20,
  15: $_clr-orange-15,
  10: $_clr-orange-10,
  5: $_clr-orange-5,
 ),
 accent-2: (
  99: $_clr-crusta-99,
  95: $_clr-crusta-95,
  90: $_clr-crusta-90,
  85: $_clr-crusta-85,
  80: $_clr-crusta-80,
  75: $_clr-crusta-75,
  70: $_clr-crusta-70,
  65: $_clr-crusta-65,
  60: $_clr-crusta-60,
  55: $_clr-crusta-55,
  50: $_clr-crusta-50,
  45: $_clr-crusta-45,
  40: $_clr-crusta-40,
  35: $_clr-crusta-35,
  30: $_clr-crusta-30,
  25: $_clr-crusta-25,
  20: $_clr-crusta-20,
  15: $_clr-crusta-15,
  10: $_clr-crusta-10,
  5: $_clr-crusta-5,
 ),
 accent-3: (
  99: $_clr-seabuckthorn-99,
  95: $_clr-seabuckthorn-95,
  90: $_clr-seabuckthorn-90,
  85: $_clr-seabuckthorn-85,
  80: $_clr-seabuckthorn-80,
  75: $_clr-seabuckthorn-75,
  70: $_clr-seabuckthorn-70,
  65: $_clr-seabuckthorn-65,
  60: $_clr-seabuckthorn-60,
  55: $_clr-seabuckthorn-55,
  50: $_clr-seabuckthorn-50,
  45: $_clr-seabuckthorn-45,
  40: $_clr-seabuckthorn-40,
  35: $_clr-seabuckthorn-35,
  30: $_clr-seabuckthorn-30,
  25: $_clr-seabuckthorn-25,
  20: $_clr-seabuckthorn-20,
  15: $_clr-seabuckthorn-15,
  10: $_clr-seabuckthorn-10,
  5: $_clr-seabuckthorn-5,
 ),
 desaturated: (
  99: $_clr-desaturated-99,
  95: $_clr-desaturated-95,
  90: $_clr-desaturated-90,
  85: $_clr-desaturated-85,
  80: $_clr-desaturated-80,
  75: $_clr-desaturated-75,
  70: $_clr-desaturated-70,
  65: $_clr-desaturated-65,
  60: $_clr-desaturated-60,
  55: $_clr-desaturated-55,
  50: $_clr-desaturated-50,
  45: $_clr-desaturated-45,
  40: $_clr-desaturated-40,
  35: $_clr-desaturated-35,
  30: $_clr-desaturated-30,
  25: $_clr-desaturated-25,
  20: $_clr-desaturated-20,
  15: $_clr-desaturated-15,
  10: $_clr-desaturated-10,
  5: $_clr-desaturated-5,
 ),
 neutral: (
  99: $_clr-neutral-99,
  95: $_clr-neutral-95,
  90: $_clr-neutral-90,
  85: $_clr-neutral-85,
  80: $_clr-neutral-80,
  75: $_clr-neutral-75,
  70: $_clr-neutral-70,
  65: $_clr-neutral-65,
  60: $_clr-neutral-60,
  55: $_clr-neutral-55,
  50: $_clr-neutral-50,
  45: $_clr-neutral-45,
  40: $_clr-neutral-40,
  35: $_clr-neutral-35,
  30: $_clr-neutral-30,
  25: $_clr-neutral-25,
  20: $_clr-neutral-20,
  15: $_clr-neutral-15,
  10: $_clr-neutral-10,
  5: $_clr-neutral-5,
 ),
);


// contextual_color_tokens

$color-primary-99: var(--primary-99);
$color-primary-95: var(--primary-95);
$color-primary-90: var(--primary-90);
$color-primary-85: var(--primary-85);
$color-primary-80: var(--primary-80);
$color-primary-75: var(--primary-75);
$color-primary-70: var(--primary-70);
$color-primary-65: var(--primary-65);
$color-primary-60: var(--primary-60);
$color-primary-55: var(--primary-55);
$color-primary-50: var(--primary-50);
$color-primary-45: var(--primary-45);
$color-primary-40: var(--primary-40);
$color-primary-35: var(--primary-35);
$color-primary-30: var(--primary-30);
$color-primary-25: var(--primary-25);
$color-primary-20: var(--primary-20);
$color-primary-15: var(--primary-15);
$color-primary-10: var(--primary-10);
$color-primary-5: var(--primary-5);

$color-accent-1-99: var(--accent-1-99);
$color-accent-1-95: var(--accent-1-95);
$color-accent-1-90: var(--accent-1-90);
$color-accent-1-85: var(--accent-1-85);
$color-accent-1-80: var(--accent-1-80);
$color-accent-1-75: var(--accent-1-75);
$color-accent-1-70: var(--accent-1-70);
$color-accent-1-65: var(--accent-1-65);
$color-accent-1-60: var(--accent-1-60);
$color-accent-1-55: var(--accent-1-55);
$color-accent-1-50: var(--accent-1-50);
$color-accent-1-45: var(--accent-1-45);
$color-accent-1-40: var(--accent-1-40);
$color-accent-1-35: var(--accent-1-35);
$color-accent-1-30: var(--accent-1-30);
$color-accent-1-25: var(--accent-1-25);
$color-accent-1-20: var(--accent-1-20);
$color-accent-1-15: var(--accent-1-15);
$color-accent-1-10: var(--accent-1-10);
$color-accent-1-5: var(--accent-1-5);

$color-accent-2-99: var(--accent-2-99);
$color-accent-2-95: var(--accent-2-95);
$color-accent-2-90: var(--accent-2-90);
$color-accent-2-85: var(--accent-2-85);
$color-accent-2-80: var(--accent-2-80);
$color-accent-2-75: var(--accent-2-75);
$color-accent-2-70: var(--accent-2-70);
$color-accent-2-65: var(--accent-2-65);
$color-accent-2-60: var(--accent-2-60);
$color-accent-2-55: var(--accent-2-55);
$color-accent-2-50: var(--accent-2-50);
$color-accent-2-45: var(--accent-2-45);
$color-accent-2-40: var(--accent-2-40);
$color-accent-2-35: var(--accent-2-35);
$color-accent-2-30: var(--accent-2-30);
$color-accent-2-25: var(--accent-2-25);
$color-accent-2-20: var(--accent-2-20);
$color-accent-2-15: var(--accent-2-15);
$color-accent-2-10: var(--accent-2-10);
$color-accent-2-5: var(--accent-2-5);

$color-accent-3-99: var(--accent-3-99);
$color-accent-3-95: var(--accent-3-95);
$color-accent-3-90: var(--accent-3-90);
$color-accent-3-85: var(--accent-3-85);
$color-accent-3-80: var(--accent-3-80);
$color-accent-3-75: var(--accent-3-75);
$color-accent-3-70: var(--accent-3-70);
$color-accent-3-65: var(--accent-3-65);
$color-accent-3-60: var(--accent-3-60);
$color-accent-3-55: var(--accent-3-55);
$color-accent-3-50: var(--accent-3-50);
$color-accent-3-45: var(--accent-3-45);
$color-accent-3-40: var(--accent-3-40);
$color-accent-3-35: var(--accent-3-35);
$color-accent-3-30: var(--accent-3-30);
$color-accent-3-25: var(--accent-3-25);
$color-accent-3-20: var(--accent-3-20);
$color-accent-3-15: var(--accent-3-15);
$color-accent-3-10: var(--accent-3-10);
$color-accent-3-5: var(--accent-3-5);

$color-desaturated-99: var(--desaturated-99);
$color-desaturated-95: var(--desaturated-95);
$color-desaturated-90: var(--desaturated-90);
$color-desaturated-85: var(--desaturated-85);
$color-desaturated-80: var(--desaturated-80);
$color-desaturated-75: var(--desaturated-75);
$color-desaturated-70: var(--desaturated-70);
$color-desaturated-65: var(--desaturated-65);
$color-desaturated-60: var(--desaturated-60);
$color-desaturated-55: var(--desaturated-55);
$color-desaturated-50: var(--desaturated-50);
$color-desaturated-45: var(--desaturated-45);
$color-desaturated-40: var(--desaturated-40);
$color-desaturated-35: var(--desaturated-35);
$color-desaturated-30: var(--desaturated-30);
$color-desaturated-25: var(--desaturated-25);
$color-desaturated-20: var(--desaturated-20);
$color-desaturated-15: var(--desaturated-15);
$color-desaturated-10: var(--desaturated-10);
$color-desaturated-5: var(--desaturated-5);

$color-neutral-99: var(--neutral-99);
$color-neutral-95: var(--neutral-95);
$color-neutral-90: var(--neutral-90);
$color-neutral-85: var(--neutral-85);
$color-neutral-80: var(--neutral-80);
$color-neutral-75: var(--neutral-75);
$color-neutral-70: var(--neutral-70);
$color-neutral-65: var(--neutral-65);
$color-neutral-60: var(--neutral-60);
$color-neutral-55: var(--neutral-55);
$color-neutral-50: var(--neutral-50);
$color-neutral-45: var(--neutral-45);
$color-neutral-40: var(--neutral-40);
$color-neutral-35: var(--neutral-35);
$color-neutral-30: var(--neutral-30);
$color-neutral-25: var(--neutral-25);
$color-neutral-20: var(--neutral-20);
$color-neutral-15: var(--neutral-15);
$color-neutral-10: var(--neutral-10);
$color-neutral-5: var(--neutral-5);