/**
 * Atomic color tokens.
 *
 * The LUMINANCE VARIANTS comment inside :root is a retained design record;
 * keep it in this file verbatim.
 */

@property --marsal-color-white {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

@property --marsal-color-maize {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFCB05;
}

@property --marsal-color-blue {
  syntax: "<color>";
  inherits: true;
  initial-value: #00274C;
}

@property --marsal-color-tappanRed {
  syntax: "<color>";
  inherits: true;
  initial-value: #9A3324;
}

@property --marsal-color-rossOrange {
  syntax: "<color>";
  inherits: true;
  initial-value: #D86018;
}

@property --marsal-color-waveFieldGreen {
  syntax: "<color>";
  inherits: true;
  initial-value: #A5A508;
}

@property --marsal-color-rackhamRoofGreen {
  syntax: "<color>";
  inherits: true;
  initial-value: #75988D;
}

@property --marsal-color-taubmanTeal {
  syntax: "<color>";
  inherits: true;
  initial-value: #00B2A9;
}

@property --marsal-color-arboretumBlue {
  syntax: "<color>";
  inherits: true;
  initial-value: #2F65A7;
}

@property --marsal-color-a2Amethyst {
  syntax: "<color>";
  inherits: true;
  initial-value: #702082;
}

@property --marsal-color-matthaeiViolet {
  syntax: "<color>";
  inherits: true;
  initial-value: #575294;
}

@property --marsal-color-ummaTan {
  syntax: "<color>";
  inherits: true;
  initial-value: #CFC096;
}

@property --marsal-color-burtonTowerBeige {
  syntax: "<color>";
  inherits: true;
  initial-value: #9B9A6D;
}

@property --marsal-color-angellHallAsh {
  syntax: "<color>";
  inherits: true;
  initial-value: #989C97;
}

@property --marsal-color-lawQuadStone {
  syntax: "<color>";
  inherits: true;
  initial-value: #655A52;
}

@property --marsal-color-pumaBlack {
  syntax: "<color>";
  inherits: true;
  initial-value: #131516;
}

@property --marsal-color-maize-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff4c9;
}

@property --marsal-color-maize-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffe78a;
}

@property --marsal-color-maize-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffd73d;
}

@property --marsal-color-maize-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f8c505;
}

@property --marsal-color-maize-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c39b04;
}

@property --marsal-color-maize-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9a7b03;
}

@property --marsal-color-maize-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #775e02;
}

@property --marsal-color-maize-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #453701;
}

@property --marsal-color-maize-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #302601;
}

@property --marsal-color-maize-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #201901;
}

@property --marsal-color-maize-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #130f00;
}

@property --marsal-color-blue-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f2f4f6;
}

@property --marsal-color-blue-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e4e8ec;
}

@property --marsal-color-blue-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d4dbe1;
}

@property --marsal-color-blue-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c4cdd5;
}

@property --marsal-color-blue-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #91a2b2;
}

@property --marsal-color-blue-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6a8197;
}

@property --marsal-color-blue-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #48647f;
}

@property --marsal-color-blue-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #173a5c;
}

@property --marsal-color-blue-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00274c;
}

@property --marsal-color-blue-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #001a33;
}

@property --marsal-color-blue-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #001121;
}

@property --marsal-color-tappanRed-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f9f2f1;
}

@property --marsal-color-tappanRed-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f2e4e2;
}

@property --marsal-color-tappanRed-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ead5d2;
}

@property --marsal-color-tappanRed-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e2c5c1;
}

@property --marsal-color-tappanRed-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c9928a;
}

@property --marsal-color-tappanRed-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b56a5f;
}

@property --marsal-color-tappanRed-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a24335;
}

@property --marsal-color-tappanRed-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #662218;
}

@property --marsal-color-tappanRed-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #471711;
}

@property --marsal-color-tappanRed-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2f100b;
}

@property --marsal-color-tappanRed-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e0a07;
}

@property --marsal-color-rossOrange-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fcf2ec;
}

@property --marsal-color-rossOrange-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f8e3d7;
}

@property --marsal-color-rossOrange-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f4d4c0;
}

@property --marsal-color-rossOrange-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0c2a7;
}

@property --marsal-color-rossOrange-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e28a55;
}

@property --marsal-color-rossOrange-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #cf5c17;
}

@property --marsal-color-rossOrange-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a04712;
}

@property --marsal-color-rossOrange-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5d2a0a;
}

@property --marsal-color-rossOrange-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #411d07;
}

@property --marsal-color-rossOrange-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2b1305;
}

@property --marsal-color-rossOrange-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1b0c03;
}

@property --marsal-color-waveFieldGreen-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f5f5e3;
}

@property --marsal-color-waveFieldGreen-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #eaeac4;
}

@property --marsal-color-waveFieldGreen-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #dddda3;
}

@property --marsal-color-waveFieldGreen-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d0d07e;
}

@property --marsal-color-waveFieldGreen-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a5a508;
}

@property --marsal-color-waveFieldGreen-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #838306;
}

@property --marsal-color-waveFieldGreen-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #656505;
}

@property --marsal-color-waveFieldGreen-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3b3b03;
}

@property --marsal-color-waveFieldGreen-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #282802;
}

@property --marsal-color-waveFieldGreen-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1b1b01;
}

@property --marsal-color-waveFieldGreen-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #101001;
}

@property --marsal-color-rackhamRoofGreen-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f1f4f3;
}

@property --marsal-color-rackhamRoofGreen-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e1e9e6;
}

@property --marsal-color-rackhamRoofGreen-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d1ddd9;
}

@property --marsal-color-rackhamRoofGreen-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #bfcfca;
}

@property --marsal-color-rackhamRoofGreen-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #88a69d;
}

@property --marsal-color-rackhamRoofGreen-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #66857b;
}

@property --marsal-color-rackhamRoofGreen-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4f665f;
}

@property --marsal-color-rackhamRoofGreen-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2e3b37;
}

@property --marsal-color-rackhamRoofGreen-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1f2926;
}

@property --marsal-color-rackhamRoofGreen-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #151b19;
}

@property --marsal-color-rackhamRoofGreen-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0d100f;
}

@property --marsal-color-taubmanTeal-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e5f7f6;
}

@property --marsal-color-taubmanTeal-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c9efed;
}

@property --marsal-color-taubmanTeal-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a9e5e2;
}

@property --marsal-color-taubmanTeal-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #85dad6;
}

@property --marsal-color-taubmanTeal-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #02b3aa;
}

@property --marsal-color-taubmanTeal-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #008e87;
}

@property --marsal-color-taubmanTeal-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #006d68;
}

@property --marsal-color-taubmanTeal-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00403d;
}

@property --marsal-color-taubmanTeal-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #002c2a;
}

@property --marsal-color-taubmanTeal-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #001e1c;
}

@property --marsal-color-taubmanTeal-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #001312;
}

@property --marsal-color-arboretumBlue-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0f4f9;
}

@property --marsal-color-arboretumBlue-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e0e8f2;
}

@property --marsal-color-arboretumBlue-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #cfdbeb;
}

@property --marsal-color-arboretumBlue-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #bccde3;
}

@property --marsal-color-arboretumBlue-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #82a2ca;
}

@property --marsal-color-arboretumBlue-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5581b7;
}

@property --marsal-color-arboretumBlue-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2e62a3;
}

@property --marsal-color-arboretumBlue-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1b395f;
}

@property --marsal-color-arboretumBlue-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #122741;
}

@property --marsal-color-arboretumBlue-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0c1a2b;
}

@property --marsal-color-arboretumBlue-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #08101b;
}

@property --marsal-color-a2Amethyst-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7f2f8;
}

@property --marsal-color-a2Amethyst-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #eee4f0;
}

@property --marsal-color-a2Amethyst-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e4d5e8;
}

@property --marsal-color-a2Amethyst-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #dac5de;
}

@property --marsal-color-a2Amethyst-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #b993c2;
}

@property --marsal-color-a2Amethyst-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a06bac;
}

@property --marsal-color-a2Amethyst-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #894798;
}

@property --marsal-color-a2Amethyst-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5b1a6a;
}

@property --marsal-color-a2Amethyst-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3f124a;
}

@property --marsal-color-a2Amethyst-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2b0c32;
}

@property --marsal-color-a2Amethyst-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1b081f;
}

@property --marsal-color-matthaeiViolet-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f3f3f8;
}

@property --marsal-color-matthaeiViolet-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e7e6f0;
}

@property --marsal-color-matthaeiViolet-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #dad9e7;
}

@property --marsal-color-matthaeiViolet-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #cbcade;
}

@property --marsal-color-matthaeiViolet-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9f9cc2;
}

@property --marsal-color-matthaeiViolet-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7d79ac;
}

@property --marsal-color-matthaeiViolet-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5f5a99;
}

@property --marsal-color-matthaeiViolet-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #37335d;
}

@property --marsal-color-matthaeiViolet-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #262340;
}

@property --marsal-color-matthaeiViolet-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #19172a;
}

@property --marsal-color-matthaeiViolet-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0f0e1a;
}

@property --marsal-color-ummaTan-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f6f3ec;
}

@property --marsal-color-ummaTan-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ede7d7;
}

@property --marsal-color-ummaTan-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e2dac1;
}

@property --marsal-color-ummaTan-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d7cba8;
}

@property --marsal-color-ummaTan-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ac9f7c;
}

@property --marsal-color-ummaTan-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #887e62;
}

@property --marsal-color-ummaTan-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #68614c;
}

@property --marsal-color-ummaTan-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3d382c;
}

@property --marsal-color-ummaTan-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2a271e;
}

@property --marsal-color-ummaTan-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1b1914;
}

@property --marsal-color-ummaTan-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #11100c;
}

@property --marsal-color-burtonTowerBeige-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f4f4ef;
}

@property --marsal-color-burtonTowerBeige-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e8e8dd;
}

@property --marsal-color-burtonTowerBeige-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #dbdbcb;
}

@property --marsal-color-burtonTowerBeige-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #cdcdb6;
}

@property --marsal-color-burtonTowerBeige-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a3a279;
}

@property --marsal-color-burtonTowerBeige-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #81805b;
}

@property --marsal-color-burtonTowerBeige-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #636346;
}

@property --marsal-color-burtonTowerBeige-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3a3929;
}

@property --marsal-color-burtonTowerBeige-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #28271c;
}

@property --marsal-color-burtonTowerBeige-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1a1a12;
}

@property --marsal-color-burtonTowerBeige-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #10100b;
}

@property --marsal-color-angellHallAsh-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f3f4f3;
}

@property --marsal-color-angellHallAsh-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e6e7e6;
}

@property --marsal-color-angellHallAsh-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d9dad8;
}

@property --marsal-color-angellHallAsh-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #caccc9;
}

@property --marsal-color-angellHallAsh-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9da19c;
}

@property --marsal-color-angellHallAsh-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7c7f7b;
}

@property --marsal-color-angellHallAsh-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5f625f;
}

@property --marsal-color-angellHallAsh-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #373937;
}

@property --marsal-color-angellHallAsh-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #262726;
}

@property --marsal-color-angellHallAsh-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #191a19;
}

@property --marsal-color-angellHallAsh-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0f100f;
}

@property --marsal-color-lawQuadStone-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f4f3f3;
}

@property --marsal-color-lawQuadStone-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e8e7e6;
}

@property --marsal-color-lawQuadStone-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #dcd9d8;
}

@property --marsal-color-lawQuadStone-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #cecbc8;
}

@property --marsal-color-lawQuadStone-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #a59f9a;
}

@property --marsal-color-lawQuadStone-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #867d77;
}

@property --marsal-color-lawQuadStone-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6a5f58;
}

@property --marsal-color-lawQuadStone-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3e3732;
}

@property --marsal-color-lawQuadStone-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2b2623;
}

@property --marsal-color-lawQuadStone-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1c1917;
}

@property --marsal-color-lawQuadStone-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #110f0e;
}

@property --marsal-color-pumaBlack-050 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f3f3f4;
}

@property --marsal-color-pumaBlack-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e7e7e7;
}

@property --marsal-color-pumaBlack-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #dadada;
}

@property --marsal-color-pumaBlack-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #cbcccc;
}

@property --marsal-color-pumaBlack-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9fa0a0;
}

@property --marsal-color-pumaBlack-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7d7f7f;
}

@property --marsal-color-pumaBlack-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #606162;
}

@property --marsal-color-pumaBlack-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #373939;
}

@property --marsal-color-pumaBlack-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #252728;
}

@property --marsal-color-pumaBlack-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #181a1b;
}

@property --marsal-color-pumaBlack-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0e1011;
}

:root {
  --marsal-color-white: #fff;
  --marsal-color-maize: #FFCB05;
  --marsal-color-blue: #00274C;
  --marsal-color-tappanRed: #9A3324;
  --marsal-color-rossOrange: #D86018;
  --marsal-color-waveFieldGreen: #A5A508;
  --marsal-color-rackhamRoofGreen: #75988D;
  --marsal-color-taubmanTeal: #00B2A9;
  --marsal-color-arboretumBlue: #2F65A7;
  --marsal-color-a2Amethyst: #702082;
  --marsal-color-matthaeiViolet: #575294;
  --marsal-color-ummaTan: #CFC096;
  --marsal-color-burtonTowerBeige: #9B9A6D;
  --marsal-color-angellHallAsh: #989C97;
  --marsal-color-lawQuadStone: #655A52;
  --marsal-color-pumaBlack: #131516;

  /**
    * LUMINANCE VARIANTS
    *
    * Generated by Perceptual Palettes
    * @link https://perceptualpalettes.alexdunn.au/?c=Maize%23ffcb05%2CBlue%2300274c%2CTappan+Red%239a3324%2CRoss+Orange%23d86018%2CWave+Field+Green%23a5a508%2CRackham+Roof+Green%2375988d%2CTaubman+Teal%2300b2a9%2CArboretum+Blue%232f65a7%2CA2+Amethyst%23702082%2CMatthaei+Violet%23575294%2Cumma+Tan%23cfc096%2CBurton+Tower+Beige%239b9a6d%2CAngell+Hall+Ash%23989c97%2CLaw+Quad+Stone%23655a52%2CPuma+Black%23131516&l=90%2C80%2C70%2C60%2C35%2C21%2C12%2C4%2C2%2C1%2C0.5&n=false&i=true
    *
    * Background    Text
    * Luminance	    Lumininance
    * White	        600
    * 050	          600
    * 100	          600
    * 200	          700
    * 300	          700
    * 400	          800
    * 500	          950
    * 600	          100
    * 700	          300
    * 800	          400
    * 900	          400
    * 950	          500
    * Black	        500
    *
    * e.g., If background luminance is 50, text luminance must be a minimum of
    * 600 to meet AA accessibility rating. Applies to all colors.
    */

  --marsal-color-maize-050: #fff4c9;
  --marsal-color-maize-100: #ffe78a;
  --marsal-color-maize-200: #ffd73d;
  --marsal-color-maize-300: #f8c505;
  --marsal-color-maize-400: #c39b04;
  --marsal-color-maize-500: #9a7b03;
  --marsal-color-maize-600: #775e02;
  --marsal-color-maize-700: #453701;
  --marsal-color-maize-800: #302601;
  --marsal-color-maize-900: #201901;
  --marsal-color-maize-950: #130f00;
  --marsal-color-blue-050: #f2f4f6;
  --marsal-color-blue-100: #e4e8ec;
  --marsal-color-blue-200: #d4dbe1;
  --marsal-color-blue-300: #c4cdd5;
  --marsal-color-blue-400: #91a2b2;
  --marsal-color-blue-500: #6a8197;
  --marsal-color-blue-600: #48647f;
  --marsal-color-blue-700: #173a5c;
  --marsal-color-blue-800: #00274c;
  --marsal-color-blue-900: #001a33;
  --marsal-color-blue-950: #001121;
  --marsal-color-tappanRed-050: #f9f2f1;
  --marsal-color-tappanRed-100: #f2e4e2;
  --marsal-color-tappanRed-200: #ead5d2;
  --marsal-color-tappanRed-300: #e2c5c1;
  --marsal-color-tappanRed-400: #c9928a;
  --marsal-color-tappanRed-500: #b56a5f;
  --marsal-color-tappanRed-600: #a24335;
  --marsal-color-tappanRed-700: #662218;
  --marsal-color-tappanRed-800: #471711;
  --marsal-color-tappanRed-900: #2f100b;
  --marsal-color-tappanRed-950: #1e0a07;
  --marsal-color-rossOrange-050: #fcf2ec;
  --marsal-color-rossOrange-100: #f8e3d7;
  --marsal-color-rossOrange-200: #f4d4c0;
  --marsal-color-rossOrange-300: #f0c2a7;
  --marsal-color-rossOrange-400: #e28a55;
  --marsal-color-rossOrange-500: #cf5c17;
  --marsal-color-rossOrange-600: #a04712;
  --marsal-color-rossOrange-700: #5d2a0a;
  --marsal-color-rossOrange-800: #411d07;
  --marsal-color-rossOrange-900: #2b1305;
  --marsal-color-rossOrange-950: #1b0c03;
  --marsal-color-waveFieldGreen-050: #f5f5e3;
  --marsal-color-waveFieldGreen-100: #eaeac4;
  --marsal-color-waveFieldGreen-200: #dddda3;
  --marsal-color-waveFieldGreen-300: #d0d07e;
  --marsal-color-waveFieldGreen-400: #a5a508;
  --marsal-color-waveFieldGreen-500: #838306;
  --marsal-color-waveFieldGreen-600: #656505;
  --marsal-color-waveFieldGreen-700: #3b3b03;
  --marsal-color-waveFieldGreen-800: #282802;
  --marsal-color-waveFieldGreen-900: #1b1b01;
  --marsal-color-waveFieldGreen-950: #101001;
  --marsal-color-rackhamRoofGreen-050: #f1f4f3;
  --marsal-color-rackhamRoofGreen-100: #e1e9e6;
  --marsal-color-rackhamRoofGreen-200: #d1ddd9;
  --marsal-color-rackhamRoofGreen-300: #bfcfca;
  --marsal-color-rackhamRoofGreen-400: #88a69d;
  --marsal-color-rackhamRoofGreen-500: #66857b;
  --marsal-color-rackhamRoofGreen-600: #4f665f;
  --marsal-color-rackhamRoofGreen-700: #2e3b37;
  --marsal-color-rackhamRoofGreen-800: #1f2926;
  --marsal-color-rackhamRoofGreen-900: #151b19;
  --marsal-color-rackhamRoofGreen-950: #0d100f;
  --marsal-color-taubmanTeal-050: #e5f7f6;
  --marsal-color-taubmanTeal-100: #c9efed;
  --marsal-color-taubmanTeal-200: #a9e5e2;
  --marsal-color-taubmanTeal-300: #85dad6;
  --marsal-color-taubmanTeal-400: #02b3aa;
  --marsal-color-taubmanTeal-500: #008e87;
  --marsal-color-taubmanTeal-600: #006d68;
  --marsal-color-taubmanTeal-700: #00403d;
  --marsal-color-taubmanTeal-800: #002c2a;
  --marsal-color-taubmanTeal-900: #001e1c;
  --marsal-color-taubmanTeal-950: #001312;
  --marsal-color-arboretumBlue-050: #f0f4f9;
  --marsal-color-arboretumBlue-100: #e0e8f2;
  --marsal-color-arboretumBlue-200: #cfdbeb;
  --marsal-color-arboretumBlue-300: #bccde3;
  --marsal-color-arboretumBlue-400: #82a2ca;
  --marsal-color-arboretumBlue-500: #5581b7;
  --marsal-color-arboretumBlue-600: #2e62a3;
  --marsal-color-arboretumBlue-700: #1b395f;
  --marsal-color-arboretumBlue-800: #122741;
  --marsal-color-arboretumBlue-900: #0c1a2b;
  --marsal-color-arboretumBlue-950: #08101b;
  --marsal-color-a2Amethyst-050: #f7f2f8;
  --marsal-color-a2Amethyst-100: #eee4f0;
  --marsal-color-a2Amethyst-200: #e4d5e8;
  --marsal-color-a2Amethyst-300: #dac5de;
  --marsal-color-a2Amethyst-400: #b993c2;
  --marsal-color-a2Amethyst-500: #a06bac;
  --marsal-color-a2Amethyst-600: #894798;
  --marsal-color-a2Amethyst-700: #5b1a6a;
  --marsal-color-a2Amethyst-800: #3f124a;
  --marsal-color-a2Amethyst-900: #2b0c32;
  --marsal-color-a2Amethyst-950: #1b081f;
  --marsal-color-matthaeiViolet-050: #f3f3f8;
  --marsal-color-matthaeiViolet-100: #e7e6f0;
  --marsal-color-matthaeiViolet-200: #dad9e7;
  --marsal-color-matthaeiViolet-300: #cbcade;
  --marsal-color-matthaeiViolet-400: #9f9cc2;
  --marsal-color-matthaeiViolet-500: #7d79ac;
  --marsal-color-matthaeiViolet-600: #5f5a99;
  --marsal-color-matthaeiViolet-700: #37335d;
  --marsal-color-matthaeiViolet-800: #262340;
  --marsal-color-matthaeiViolet-900: #19172a;
  --marsal-color-matthaeiViolet-950: #0f0e1a;
  --marsal-color-ummaTan-050: #f6f3ec;
  --marsal-color-ummaTan-100: #ede7d7;
  --marsal-color-ummaTan-200: #e2dac1;
  --marsal-color-ummaTan-300: #d7cba8;
  --marsal-color-ummaTan-400: #ac9f7c;
  --marsal-color-ummaTan-500: #887e62;
  --marsal-color-ummaTan-600: #68614c;
  --marsal-color-ummaTan-700: #3d382c;
  --marsal-color-ummaTan-800: #2a271e;
  --marsal-color-ummaTan-900: #1b1914;
  --marsal-color-ummaTan-950: #11100c;
  --marsal-color-burtonTowerBeige-050: #f4f4ef;
  --marsal-color-burtonTowerBeige-100: #e8e8dd;
  --marsal-color-burtonTowerBeige-200: #dbdbcb;
  --marsal-color-burtonTowerBeige-300: #cdcdb6;
  --marsal-color-burtonTowerBeige-400: #a3a279;
  --marsal-color-burtonTowerBeige-500: #81805b;
  --marsal-color-burtonTowerBeige-600: #636346;
  --marsal-color-burtonTowerBeige-700: #3a3929;
  --marsal-color-burtonTowerBeige-800: #28271c;
  --marsal-color-burtonTowerBeige-900: #1a1a12;
  --marsal-color-burtonTowerBeige-950: #10100b;
  --marsal-color-angellHallAsh-050: #f3f4f3;
  --marsal-color-angellHallAsh-100: #e6e7e6;
  --marsal-color-angellHallAsh-200: #d9dad8;
  --marsal-color-angellHallAsh-300: #caccc9;
  --marsal-color-angellHallAsh-400: #9da19c;
  --marsal-color-angellHallAsh-500: #7c7f7b;
  --marsal-color-angellHallAsh-600: #5f625f;
  --marsal-color-angellHallAsh-700: #373937;
  --marsal-color-angellHallAsh-800: #262726;
  --marsal-color-angellHallAsh-900: #191a19;
  --marsal-color-angellHallAsh-950: #0f100f;
  --marsal-color-lawQuadStone-050: #f4f3f3;
  --marsal-color-lawQuadStone-100: #e8e7e6;
  --marsal-color-lawQuadStone-200: #dcd9d8;
  --marsal-color-lawQuadStone-300: #cecbc8;
  --marsal-color-lawQuadStone-400: #a59f9a;
  --marsal-color-lawQuadStone-500: #867d77;
  --marsal-color-lawQuadStone-600: #6a5f58;
  --marsal-color-lawQuadStone-700: #3e3732;
  --marsal-color-lawQuadStone-800: #2b2623;
  --marsal-color-lawQuadStone-900: #1c1917;
  --marsal-color-lawQuadStone-950: #110f0e;
  --marsal-color-pumaBlack-050: #f3f3f4;
  --marsal-color-pumaBlack-100: #e7e7e7;
  --marsal-color-pumaBlack-200: #dadada;
  --marsal-color-pumaBlack-300: #cbcccc;
  --marsal-color-pumaBlack-400: #9fa0a0;
  --marsal-color-pumaBlack-500: #7d7f7f;
  --marsal-color-pumaBlack-600: #606162;
  --marsal-color-pumaBlack-700: #373939;
  --marsal-color-pumaBlack-800: #252728;
  --marsal-color-pumaBlack-900: #181a1b;
  --marsal-color-pumaBlack-950: #0e1011;
}
