/*
  Color system 4.0
  Source palette + direct utilities.
  Broad layout/theme decisions live in defaults.css and theme-engine.css.
*/
:root {
  /* Color scales */
  /* UVU Green */
  --uvu-50: #eef7f1;
  --uvu-50-rgb: 238, 247, 241;
  --uvu-100: #d9ecdf;
  --uvu-100-rgb: 217, 236, 223;
  --uvu-200: #b7dcc4;
  --uvu-200-rgb: 183, 220, 196;
  --uvu-300: #8bc49f;
  --uvu-300-rgb: 139, 196, 159;
  --uvu-400: #5ca977;
  --uvu-400-rgb: 92, 169, 119;
  --uvu-500: #358a55;
  --uvu-500-rgb: 53, 138, 85;
  --uvu-600: #247142;
  --uvu-600-rgb: 36, 113, 66;
  --uvu-700: #185c33;
  --uvu-700-rgb: 24, 92, 51;
  --uvu-800: #114528;
  --uvu-800-rgb: 17, 69, 40;
  --uvu-900: #0b301d;
  --uvu-900-rgb: 11, 48, 29;
  --uvu-950: #061a10;
  --uvu-950-rgb: 6, 26, 16;

  /* Wolverine Green */
  --wolverine-50: #e9f8ef;
  --wolverine-50-rgb: 233, 248, 239;
  --wolverine-100: #cdefda;
  --wolverine-100-rgb: 205, 239, 218;
  --wolverine-200: #9fe1ba;
  --wolverine-200-rgb: 159, 225, 186;
  --wolverine-300: #68ce94;
  --wolverine-300-rgb: 104, 206, 148;
  --wolverine-400: #31b56e;
  --wolverine-400-rgb: 49, 181, 110;
  --wolverine-500: #0f9d52;
  --wolverine-500-rgb: 15, 157, 82;
  --wolverine-600: #008a40;
  --wolverine-600-rgb: 0, 138, 64;
  --wolverine-700: #006c33;
  --wolverine-700-rgb: 0, 108, 51;
  --wolverine-800: #07552c;
  --wolverine-800-rgb: 7, 85, 44;
  --wolverine-900: #064625;
  --wolverine-900-rgb: 6, 70, 37;
  --wolverine-950: #022815;
  --wolverine-950-rgb: 2, 40, 21;

  /* Valley Green */
  --valley-50: #f2faec;
  --valley-50-rgb: 242, 250, 236;
  --valley-100: #e2f4d4;
  --valley-100-rgb: 226, 244, 212;
  --valley-200: #c7e9ad;
  --valley-200-rgb: 199, 233, 173;
  --valley-300: #a7db7e;
  --valley-300-rgb: 167, 219, 126;
  --valley-400: #78be3f;
  --valley-400-rgb: 120, 190, 63;
  --valley-500: #63a832;
  --valley-500-rgb: 99, 168, 50;
  --valley-600: #4c8426;
  --valley-600-rgb: 76, 132, 38;
  --valley-700: #3d6822;
  --valley-700-rgb: 61, 104, 34;
  --valley-800: #33531f;
  --valley-800-rgb: 51, 83, 31;
  --valley-900: #2b461c;
  --valley-900-rgb: 43, 70, 28;
  --valley-950: #13250b;
  --valley-950-rgb: 19, 37, 11;

  /* Meadow Green */
  --meadow-50: #fbfdf3;
  --meadow-50-rgb: 251, 253, 243;
  --meadow-100: #eef5d0;
  --meadow-100-rgb: 238, 245, 208;
  --meadow-200: #c5d97a;
  --meadow-200-rgb: 197, 217, 122;
  --meadow-300: #b3cc5a;
  --meadow-300-rgb: 179, 204, 90;
  --meadow-400: #9db642;
  --meadow-400-rgb: 157, 182, 66;
  --meadow-500: #7f952f;
  --meadow-500-rgb: 127, 149, 47;
  --meadow-600: #627424;
  --meadow-600-rgb: 98, 116, 36;
  --meadow-700: #4c5a20;
  --meadow-700-rgb: 76, 90, 32;
  --meadow-800: #3f4a1e;
  --meadow-800-rgb: 63, 74, 30;
  --meadow-900: #36401c;
  --meadow-900-rgb: 54, 64, 28;
  --meadow-950: #1c220b;
  --meadow-950-rgb: 28, 34, 11;

  /* Seahaze Green */
  --seahaze-50: #f4f8f3;
  --seahaze-50-rgb: 244, 248, 243;
  --seahaze-100: #e3ece1;
  --seahaze-100-rgb: 227, 236, 225;
  --seahaze-200: #c4d6c1;
  --seahaze-200-rgb: 196, 214, 193;
  --seahaze-300: #a4bea0;
  --seahaze-300-rgb: 164, 190, 160;
  --seahaze-400: #7f9f79;
  --seahaze-400-rgb: 127, 159, 121;
  --seahaze-500: #64845e;
  --seahaze-500-rgb: 100, 132, 94;
  --seahaze-600: #4e6949;
  --seahaze-600-rgb: 78, 105, 73;
  --seahaze-700: #40553c;
  --seahaze-700-rgb: 64, 85, 60;
  --seahaze-800: #354632;
  --seahaze-800-rgb: 53, 70, 50;
  --seahaze-900: #2e3b2c;
  --seahaze-900-rgb: 46, 59, 44;
  --seahaze-950: #172016;
  --seahaze-950-rgb: 23, 32, 22;

  /* Dark Green */
  --dark-green-50: #eef7f3;
  --dark-green-50-rgb: 238, 247, 243;
  --dark-green-100: #d7ebe2;
  --dark-green-100-rgb: 215, 235, 226;
  --dark-green-200: #b2d7c7;
  --dark-green-200-rgb: 178, 215, 199;
  --dark-green-300: #83baa0;
  --dark-green-300-rgb: 131, 186, 160;
  --dark-green-400: #589877;
  --dark-green-400-rgb: 88, 152, 119;
  --dark-green-500: #397b5d;
  --dark-green-500-rgb: 57, 123, 93;
  --dark-green-600: #2b6049;
  --dark-green-600-rgb: 43, 96, 73;
  --dark-green-700: #214c3a;
  --dark-green-700-rgb: 33, 76, 58;
  --dark-green-800: #154734;
  --dark-green-800-rgb: 21, 71, 52;
  --dark-green-900: #12372a;
  --dark-green-900-rgb: 18, 55, 42;
  --dark-green-950: #071f17;
  --dark-green-950-rgb: 7, 31, 23;

  /* Super Green */
  --super-50: #f3f5f4;
  --super-50-rgb: 243, 245, 244;
  --super-100: #e4e8e6;
  --super-100-rgb: 228, 232, 230;
  --super-200: #cbd3cf;
  --super-200-rgb: 203, 211, 207;
  --super-300: #a8b5ae;
  --super-300-rgb: 168, 181, 174;
  --super-400: #82918a;
  --super-400-rgb: 130, 145, 138;
  --super-500: #66746d;
  --super-500-rgb: 102, 116, 109;
  --super-600: #505b56;
  --super-600-rgb: 80, 91, 86;
  --super-700: #424b46;
  --super-700-rgb: 66, 75, 70;
  --super-800: #383f3b;
  --super-800-rgb: 56, 63, 59;
  --super-900: #212724;
  --super-900-rgb: 33, 39, 36;
  --super-950: #121613;
  --super-950-rgb: 18, 22, 19;

  /* Neutral */
  --neutral-0: #ffffff;
  --neutral-0-rgb: 255, 255, 255;
  --neutral-50: #fbfbfb;
  --neutral-50-rgb: 251, 251, 251;
  --neutral-75: #f8f8f8;
  --neutral-75-rgb: 248, 248, 248;
  --neutral-100: #f2f2f2;
  --neutral-100-rgb: 242, 242, 242;
  --neutral-150: #ededed;
  --neutral-150-rgb: 237, 237, 237;
  --neutral-200: #d0d0d0;
  --neutral-200-rgb: 208, 208, 208;
  --neutral-300: #b8b8b8;
  --neutral-300-rgb: 184, 184, 184;
  --neutral-400: #9f9f9f;
  --neutral-400-rgb: 159, 159, 159;
  --neutral-500: #8c8c8c;
  --neutral-500-rgb: 140, 140, 140;
  --neutral-600: #686868;
  --neutral-600-rgb: 104, 104, 104;
  --neutral-700: #505050;
  --neutral-700-rgb: 80, 80, 80;
  --neutral-800: #3a3a3a;
  --neutral-800-rgb: 58, 58, 58;
  --neutral-900: #2b2b2b;
  --neutral-900-rgb: 43, 43, 43;
  --neutral-950: #000000;
  --neutral-950-rgb: 0, 0, 0;

  /* Warm Grey */
  --warm-50: #fbfaf7;
  --warm-50-rgb: 251, 250, 247;
  --warm-100: #f2f0eb;
  --warm-100-rgb: 242, 240, 235;
  --warm-200: #e1ddd3;
  --warm-200-rgb: 225, 221, 211;
  --warm-300: #ccc5b6;
  --warm-300-rgb: 204, 197, 182;
  --warm-400: #b4aa96;
  --warm-400-rgb: 180, 170, 150;
  --warm-500: #9b907c;
  --warm-500-rgb: 155, 144, 124;
  --warm-600: #817664;
  --warm-600-rgb: 129, 118, 100;
  --warm-700: #675e50;
  --warm-700-rgb: 103, 94, 80;
  --warm-800: #504a40;
  --warm-800-rgb: 80, 74, 64;
  --warm-900: #37332d;
  --warm-900-rgb: 55, 51, 45;
  --warm-950: #1d1b18;
  --warm-950-rgb: 29, 27, 24;

  /* Sage */
  --sage-50: #f2f6ef;
  --sage-50-rgb: 242, 246, 239;
  --sage-100: #e1ead9;
  --sage-100-rgb: 225, 234, 217;
  --sage-200: #c6d7b8;
  --sage-200-rgb: 198, 215, 184;
  --sage-300: #a7bf91;
  --sage-300-rgb: 167, 191, 145;
  --sage-400: #839f68;
  --sage-400-rgb: 131, 159, 104;
  --sage-500: #66824f;
  --sage-500-rgb: 102, 130, 79;
  --sage-600: #4f663d;
  --sage-600-rgb: 79, 102, 61;
  --sage-700: #3f5132;
  --sage-700-rgb: 63, 81, 50;
  --sage-800: #34432a;
  --sage-800-rgb: 52, 67, 42;
  --sage-900: #2b3824;
  --sage-900-rgb: 43, 56, 36;
  --sage-950: #142013;
  --sage-950-rgb: 20, 32, 19;

  /* Gold */
  --gold-50: #fff9e2;
  --gold-50-rgb: 255, 249, 226;
  --gold-100: #fff3cd;
  --gold-100-rgb: 255, 243, 205;
  --gold-200: #ffe69b;
  --gold-200-rgb: 255, 230, 155;
  --gold-300: #ffd666;
  --gold-300-rgb: 255, 214, 102;
  --gold-400: #ffc233;
  --gold-400-rgb: 255, 194, 51;
  --gold-500: #f5ad00;
  --gold-500-rgb: 245, 173, 0;
  --gold-600: #c28500;
  --gold-600-rgb: 194, 133, 0;
  --gold-700: #856404;
  --gold-700-rgb: 133, 100, 4;
  --gold-800: #664d03;
  --gold-800-rgb: 102, 77, 3;
  --gold-900: #5a4b00;
  --gold-900-rgb: 90, 75, 0;
  --gold-950: #332800;
  --gold-950-rgb: 51, 40, 0;

  /* Red */
  --red-50: #fff1f0;
  --red-50-rgb: 255, 241, 240;
  --red-100: #faeae9;
  --red-100-rgb: 250, 234, 233;
  --red-200: #f3c7c2;
  --red-200-rgb: 243, 199, 194;
  --red-300: #e9958c;
  --red-300-rgb: 233, 149, 140;
  --red-400: #db6257;
  --red-400-rgb: 219, 98, 87;
  --red-500: #c83c31;
  --red-500-rgb: 200, 60, 49;
  --red-600: #a52c24;
  --red-600-rgb: 165, 44, 36;
  --red-700: #81231d;
  --red-700-rgb: 129, 35, 29;
  --red-800: #661f1a;
  --red-800-rgb: 102, 31, 26;
  --red-900: #4a1612;
  --red-900-rgb: 74, 22, 18;
  --red-950: #2a0a08;
  --red-950-rgb: 42, 10, 8;

  /* Info */
  --info-50: #f4f9f8;
  --info-50-rgb: 244, 249, 248;
  --info-100: #eef4f2;
  --info-100-rgb: 238, 244, 242;
  --info-200: #d4e3df;
  --info-200-rgb: 212, 227, 223;
  --info-300: #b4ccc5;
  --info-300-rgb: 180, 204, 197;
  --info-400: #8cada2;
  --info-400-rgb: 140, 173, 162;
  --info-500: #6c9286;
  --info-500-rgb: 108, 146, 134;
  --info-600: #55766d;
  --info-600-rgb: 85, 118, 109;
  --info-700: #465f58;
  --info-700-rgb: 70, 95, 88;
  --info-800: #3b504a;
  --info-800-rgb: 59, 80, 74;
  --info-900: #154734;
  --info-900-rgb: 21, 71, 52;
  --info-950: #0b241b;
  --info-950-rgb: 11, 36, 27;

  /* Basic system colors: use these first. */
  --uvu: var(--uvu-700);
  --uvu-rgb: var(--uvu-700-rgb);
  --wolverine: var(--wolverine-600);
  --wolverine-rgb: var(--wolverine-600-rgb);
  --valley: var(--valley-400);
  --valley-rgb: var(--valley-400-rgb);
  --meadow: var(--meadow-200);
  --meadow-rgb: var(--meadow-200-rgb);
  --seahaze: var(--seahaze-200);
  --seahaze-rgb: var(--seahaze-200-rgb);
  --dark-green: var(--dark-green-800);
  --dark-green-rgb: var(--dark-green-800-rgb);
  --super: var(--super-900);
  --super-rgb: var(--super-900-rgb);
  --white: var(--neutral-0);
  --white-rgb: var(--neutral-0-rgb);
  --off-white: var(--neutral-75);
  --off-white-rgb: var(--neutral-75-rgb);
  --black: var(--neutral-950);
  --black-rgb: var(--neutral-950-rgb);
  --dark-grey: var(--neutral-900);
  --dark-grey-rgb: var(--neutral-900-rgb);
  --grey: var(--neutral-500);
  --grey-rgb: var(--neutral-500-rgb);
  --light-grey: var(--neutral-150);
  --light-grey-rgb: var(--neutral-150-rgb);
  --warm: var(--warm-100);
  --warm-rgb: var(--warm-100-rgb);
  --sage: var(--sage-50);
  --sage-rgb: var(--sage-50-rgb);
  --gold: var(--gold-100);
  --gold-rgb: var(--gold-100-rgb);
  --red: var(--red-100);
  --red-rgb: var(--red-100-rgb);
  --info: var(--info-100);
  --info-rgb: var(--info-100-rgb);

  /* Alpha values */
  --alpha-08: 0.08;
  --alpha-16: 0.16;
  --alpha-24: 0.24;
  --alpha-32: 0.32;
  --alpha-48: 0.48;
  --alpha-64: 0.64;
  --alpha-80: 0.80;

  /* Official brand aliases These can be removed after the colors are updated*/
  --color-uvu-green: var(--uvu);
  --color-wolverine-green: var(--wolverine);
  --color-valley-green: var(--valley);
  --color-meadow-green: var(--meadow);
  --color-seahaze-green: var(--seahaze);
  --color-dark-green: var(--dark-green);
  --color-super-green: var(--super);
  --color-white: var(--white);
  --color-off-white: var(--off-white);
  --color-black: var(--black);
  --color-dark-grey: var(--dark-grey);
  --color-grey: var(--grey);
  --color-light-grey: var(--light-grey);
  --color-warm-grey: var(--warm);
  --color-sage-green: var(--sage);
}

/* Alpha background variables. Use mostly for tints, overlays, and contrast refinements. */
:root {
  --bg-uvu-50-alpha-08: rgba(var(--uvu-50-rgb), var(--alpha-08));
  --bg-uvu-50-alpha-16: rgba(var(--uvu-50-rgb), var(--alpha-16));
  --bg-uvu-50-alpha-24: rgba(var(--uvu-50-rgb), var(--alpha-24));
  --bg-uvu-50-alpha-32: rgba(var(--uvu-50-rgb), var(--alpha-32));
  --bg-uvu-50-alpha-48: rgba(var(--uvu-50-rgb), var(--alpha-48));
  --bg-uvu-50-alpha-64: rgba(var(--uvu-50-rgb), var(--alpha-64));
  --bg-uvu-50-alpha-80: rgba(var(--uvu-50-rgb), var(--alpha-80));
  --bg-uvu-100-alpha-08: rgba(var(--uvu-100-rgb), var(--alpha-08));
  --bg-uvu-100-alpha-16: rgba(var(--uvu-100-rgb), var(--alpha-16));
  --bg-uvu-100-alpha-24: rgba(var(--uvu-100-rgb), var(--alpha-24));
  --bg-uvu-100-alpha-32: rgba(var(--uvu-100-rgb), var(--alpha-32));
  --bg-uvu-100-alpha-48: rgba(var(--uvu-100-rgb), var(--alpha-48));
  --bg-uvu-100-alpha-64: rgba(var(--uvu-100-rgb), var(--alpha-64));
  --bg-uvu-100-alpha-80: rgba(var(--uvu-100-rgb), var(--alpha-80));
  --bg-uvu-200-alpha-08: rgba(var(--uvu-200-rgb), var(--alpha-08));
  --bg-uvu-200-alpha-16: rgba(var(--uvu-200-rgb), var(--alpha-16));
  --bg-uvu-200-alpha-24: rgba(var(--uvu-200-rgb), var(--alpha-24));
  --bg-uvu-200-alpha-32: rgba(var(--uvu-200-rgb), var(--alpha-32));
  --bg-uvu-200-alpha-48: rgba(var(--uvu-200-rgb), var(--alpha-48));
  --bg-uvu-200-alpha-64: rgba(var(--uvu-200-rgb), var(--alpha-64));
  --bg-uvu-200-alpha-80: rgba(var(--uvu-200-rgb), var(--alpha-80));
  --bg-uvu-300-alpha-08: rgba(var(--uvu-300-rgb), var(--alpha-08));
  --bg-uvu-300-alpha-16: rgba(var(--uvu-300-rgb), var(--alpha-16));
  --bg-uvu-300-alpha-24: rgba(var(--uvu-300-rgb), var(--alpha-24));
  --bg-uvu-300-alpha-32: rgba(var(--uvu-300-rgb), var(--alpha-32));
  --bg-uvu-300-alpha-48: rgba(var(--uvu-300-rgb), var(--alpha-48));
  --bg-uvu-300-alpha-64: rgba(var(--uvu-300-rgb), var(--alpha-64));
  --bg-uvu-300-alpha-80: rgba(var(--uvu-300-rgb), var(--alpha-80));
  --bg-uvu-400-alpha-08: rgba(var(--uvu-400-rgb), var(--alpha-08));
  --bg-uvu-400-alpha-16: rgba(var(--uvu-400-rgb), var(--alpha-16));
  --bg-uvu-400-alpha-24: rgba(var(--uvu-400-rgb), var(--alpha-24));
  --bg-uvu-400-alpha-32: rgba(var(--uvu-400-rgb), var(--alpha-32));
  --bg-uvu-400-alpha-48: rgba(var(--uvu-400-rgb), var(--alpha-48));
  --bg-uvu-400-alpha-64: rgba(var(--uvu-400-rgb), var(--alpha-64));
  --bg-uvu-400-alpha-80: rgba(var(--uvu-400-rgb), var(--alpha-80));
  --bg-uvu-500-alpha-08: rgba(var(--uvu-500-rgb), var(--alpha-08));
  --bg-uvu-500-alpha-16: rgba(var(--uvu-500-rgb), var(--alpha-16));
  --bg-uvu-500-alpha-24: rgba(var(--uvu-500-rgb), var(--alpha-24));
  --bg-uvu-500-alpha-32: rgba(var(--uvu-500-rgb), var(--alpha-32));
  --bg-uvu-500-alpha-48: rgba(var(--uvu-500-rgb), var(--alpha-48));
  --bg-uvu-500-alpha-64: rgba(var(--uvu-500-rgb), var(--alpha-64));
  --bg-uvu-500-alpha-80: rgba(var(--uvu-500-rgb), var(--alpha-80));
  --bg-uvu-600-alpha-08: rgba(var(--uvu-600-rgb), var(--alpha-08));
  --bg-uvu-600-alpha-16: rgba(var(--uvu-600-rgb), var(--alpha-16));
  --bg-uvu-600-alpha-24: rgba(var(--uvu-600-rgb), var(--alpha-24));
  --bg-uvu-600-alpha-32: rgba(var(--uvu-600-rgb), var(--alpha-32));
  --bg-uvu-600-alpha-48: rgba(var(--uvu-600-rgb), var(--alpha-48));
  --bg-uvu-600-alpha-64: rgba(var(--uvu-600-rgb), var(--alpha-64));
  --bg-uvu-600-alpha-80: rgba(var(--uvu-600-rgb), var(--alpha-80));
  --bg-uvu-700-alpha-08: rgba(var(--uvu-700-rgb), var(--alpha-08));
  --bg-uvu-700-alpha-16: rgba(var(--uvu-700-rgb), var(--alpha-16));
  --bg-uvu-700-alpha-24: rgba(var(--uvu-700-rgb), var(--alpha-24));
  --bg-uvu-700-alpha-32: rgba(var(--uvu-700-rgb), var(--alpha-32));
  --bg-uvu-700-alpha-48: rgba(var(--uvu-700-rgb), var(--alpha-48));
  --bg-uvu-700-alpha-64: rgba(var(--uvu-700-rgb), var(--alpha-64));
  --bg-uvu-700-alpha-80: rgba(var(--uvu-700-rgb), var(--alpha-80));
  --bg-uvu-800-alpha-08: rgba(var(--uvu-800-rgb), var(--alpha-08));
  --bg-uvu-800-alpha-16: rgba(var(--uvu-800-rgb), var(--alpha-16));
  --bg-uvu-800-alpha-24: rgba(var(--uvu-800-rgb), var(--alpha-24));
  --bg-uvu-800-alpha-32: rgba(var(--uvu-800-rgb), var(--alpha-32));
  --bg-uvu-800-alpha-48: rgba(var(--uvu-800-rgb), var(--alpha-48));
  --bg-uvu-800-alpha-64: rgba(var(--uvu-800-rgb), var(--alpha-64));
  --bg-uvu-800-alpha-80: rgba(var(--uvu-800-rgb), var(--alpha-80));
  --bg-uvu-900-alpha-08: rgba(var(--uvu-900-rgb), var(--alpha-08));
  --bg-uvu-900-alpha-16: rgba(var(--uvu-900-rgb), var(--alpha-16));
  --bg-uvu-900-alpha-24: rgba(var(--uvu-900-rgb), var(--alpha-24));
  --bg-uvu-900-alpha-32: rgba(var(--uvu-900-rgb), var(--alpha-32));
  --bg-uvu-900-alpha-48: rgba(var(--uvu-900-rgb), var(--alpha-48));
  --bg-uvu-900-alpha-64: rgba(var(--uvu-900-rgb), var(--alpha-64));
  --bg-uvu-900-alpha-80: rgba(var(--uvu-900-rgb), var(--alpha-80));
  --bg-uvu-950-alpha-08: rgba(var(--uvu-950-rgb), var(--alpha-08));
  --bg-uvu-950-alpha-16: rgba(var(--uvu-950-rgb), var(--alpha-16));
  --bg-uvu-950-alpha-24: rgba(var(--uvu-950-rgb), var(--alpha-24));
  --bg-uvu-950-alpha-32: rgba(var(--uvu-950-rgb), var(--alpha-32));
  --bg-uvu-950-alpha-48: rgba(var(--uvu-950-rgb), var(--alpha-48));
  --bg-uvu-950-alpha-64: rgba(var(--uvu-950-rgb), var(--alpha-64));
  --bg-uvu-950-alpha-80: rgba(var(--uvu-950-rgb), var(--alpha-80));

  --bg-wolverine-50-alpha-08: rgba(var(--wolverine-50-rgb), var(--alpha-08));
  --bg-wolverine-50-alpha-16: rgba(var(--wolverine-50-rgb), var(--alpha-16));
  --bg-wolverine-50-alpha-24: rgba(var(--wolverine-50-rgb), var(--alpha-24));
  --bg-wolverine-50-alpha-32: rgba(var(--wolverine-50-rgb), var(--alpha-32));
  --bg-wolverine-50-alpha-48: rgba(var(--wolverine-50-rgb), var(--alpha-48));
  --bg-wolverine-50-alpha-64: rgba(var(--wolverine-50-rgb), var(--alpha-64));
  --bg-wolverine-50-alpha-80: rgba(var(--wolverine-50-rgb), var(--alpha-80));
  --bg-wolverine-100-alpha-08: rgba(var(--wolverine-100-rgb), var(--alpha-08));
  --bg-wolverine-100-alpha-16: rgba(var(--wolverine-100-rgb), var(--alpha-16));
  --bg-wolverine-100-alpha-24: rgba(var(--wolverine-100-rgb), var(--alpha-24));
  --bg-wolverine-100-alpha-32: rgba(var(--wolverine-100-rgb), var(--alpha-32));
  --bg-wolverine-100-alpha-48: rgba(var(--wolverine-100-rgb), var(--alpha-48));
  --bg-wolverine-100-alpha-64: rgba(var(--wolverine-100-rgb), var(--alpha-64));
  --bg-wolverine-100-alpha-80: rgba(var(--wolverine-100-rgb), var(--alpha-80));
  --bg-wolverine-200-alpha-08: rgba(var(--wolverine-200-rgb), var(--alpha-08));
  --bg-wolverine-200-alpha-16: rgba(var(--wolverine-200-rgb), var(--alpha-16));
  --bg-wolverine-200-alpha-24: rgba(var(--wolverine-200-rgb), var(--alpha-24));
  --bg-wolverine-200-alpha-32: rgba(var(--wolverine-200-rgb), var(--alpha-32));
  --bg-wolverine-200-alpha-48: rgba(var(--wolverine-200-rgb), var(--alpha-48));
  --bg-wolverine-200-alpha-64: rgba(var(--wolverine-200-rgb), var(--alpha-64));
  --bg-wolverine-200-alpha-80: rgba(var(--wolverine-200-rgb), var(--alpha-80));
  --bg-wolverine-300-alpha-08: rgba(var(--wolverine-300-rgb), var(--alpha-08));
  --bg-wolverine-300-alpha-16: rgba(var(--wolverine-300-rgb), var(--alpha-16));
  --bg-wolverine-300-alpha-24: rgba(var(--wolverine-300-rgb), var(--alpha-24));
  --bg-wolverine-300-alpha-32: rgba(var(--wolverine-300-rgb), var(--alpha-32));
  --bg-wolverine-300-alpha-48: rgba(var(--wolverine-300-rgb), var(--alpha-48));
  --bg-wolverine-300-alpha-64: rgba(var(--wolverine-300-rgb), var(--alpha-64));
  --bg-wolverine-300-alpha-80: rgba(var(--wolverine-300-rgb), var(--alpha-80));
  --bg-wolverine-400-alpha-08: rgba(var(--wolverine-400-rgb), var(--alpha-08));
  --bg-wolverine-400-alpha-16: rgba(var(--wolverine-400-rgb), var(--alpha-16));
  --bg-wolverine-400-alpha-24: rgba(var(--wolverine-400-rgb), var(--alpha-24));
  --bg-wolverine-400-alpha-32: rgba(var(--wolverine-400-rgb), var(--alpha-32));
  --bg-wolverine-400-alpha-48: rgba(var(--wolverine-400-rgb), var(--alpha-48));
  --bg-wolverine-400-alpha-64: rgba(var(--wolverine-400-rgb), var(--alpha-64));
  --bg-wolverine-400-alpha-80: rgba(var(--wolverine-400-rgb), var(--alpha-80));
  --bg-wolverine-500-alpha-08: rgba(var(--wolverine-500-rgb), var(--alpha-08));
  --bg-wolverine-500-alpha-16: rgba(var(--wolverine-500-rgb), var(--alpha-16));
  --bg-wolverine-500-alpha-24: rgba(var(--wolverine-500-rgb), var(--alpha-24));
  --bg-wolverine-500-alpha-32: rgba(var(--wolverine-500-rgb), var(--alpha-32));
  --bg-wolverine-500-alpha-48: rgba(var(--wolverine-500-rgb), var(--alpha-48));
  --bg-wolverine-500-alpha-64: rgba(var(--wolverine-500-rgb), var(--alpha-64));
  --bg-wolverine-500-alpha-80: rgba(var(--wolverine-500-rgb), var(--alpha-80));
  --bg-wolverine-600-alpha-08: rgba(var(--wolverine-600-rgb), var(--alpha-08));
  --bg-wolverine-600-alpha-16: rgba(var(--wolverine-600-rgb), var(--alpha-16));
  --bg-wolverine-600-alpha-24: rgba(var(--wolverine-600-rgb), var(--alpha-24));
  --bg-wolverine-600-alpha-32: rgba(var(--wolverine-600-rgb), var(--alpha-32));
  --bg-wolverine-600-alpha-48: rgba(var(--wolverine-600-rgb), var(--alpha-48));
  --bg-wolverine-600-alpha-64: rgba(var(--wolverine-600-rgb), var(--alpha-64));
  --bg-wolverine-600-alpha-80: rgba(var(--wolverine-600-rgb), var(--alpha-80));
  --bg-wolverine-700-alpha-08: rgba(var(--wolverine-700-rgb), var(--alpha-08));
  --bg-wolverine-700-alpha-16: rgba(var(--wolverine-700-rgb), var(--alpha-16));
  --bg-wolverine-700-alpha-24: rgba(var(--wolverine-700-rgb), var(--alpha-24));
  --bg-wolverine-700-alpha-32: rgba(var(--wolverine-700-rgb), var(--alpha-32));
  --bg-wolverine-700-alpha-48: rgba(var(--wolverine-700-rgb), var(--alpha-48));
  --bg-wolverine-700-alpha-64: rgba(var(--wolverine-700-rgb), var(--alpha-64));
  --bg-wolverine-700-alpha-80: rgba(var(--wolverine-700-rgb), var(--alpha-80));
  --bg-wolverine-800-alpha-08: rgba(var(--wolverine-800-rgb), var(--alpha-08));
  --bg-wolverine-800-alpha-16: rgba(var(--wolverine-800-rgb), var(--alpha-16));
  --bg-wolverine-800-alpha-24: rgba(var(--wolverine-800-rgb), var(--alpha-24));
  --bg-wolverine-800-alpha-32: rgba(var(--wolverine-800-rgb), var(--alpha-32));
  --bg-wolverine-800-alpha-48: rgba(var(--wolverine-800-rgb), var(--alpha-48));
  --bg-wolverine-800-alpha-64: rgba(var(--wolverine-800-rgb), var(--alpha-64));
  --bg-wolverine-800-alpha-80: rgba(var(--wolverine-800-rgb), var(--alpha-80));
  --bg-wolverine-900-alpha-08: rgba(var(--wolverine-900-rgb), var(--alpha-08));
  --bg-wolverine-900-alpha-16: rgba(var(--wolverine-900-rgb), var(--alpha-16));
  --bg-wolverine-900-alpha-24: rgba(var(--wolverine-900-rgb), var(--alpha-24));
  --bg-wolverine-900-alpha-32: rgba(var(--wolverine-900-rgb), var(--alpha-32));
  --bg-wolverine-900-alpha-48: rgba(var(--wolverine-900-rgb), var(--alpha-48));
  --bg-wolverine-900-alpha-64: rgba(var(--wolverine-900-rgb), var(--alpha-64));
  --bg-wolverine-900-alpha-80: rgba(var(--wolverine-900-rgb), var(--alpha-80));
  --bg-wolverine-950-alpha-08: rgba(var(--wolverine-950-rgb), var(--alpha-08));
  --bg-wolverine-950-alpha-16: rgba(var(--wolverine-950-rgb), var(--alpha-16));
  --bg-wolverine-950-alpha-24: rgba(var(--wolverine-950-rgb), var(--alpha-24));
  --bg-wolverine-950-alpha-32: rgba(var(--wolverine-950-rgb), var(--alpha-32));
  --bg-wolverine-950-alpha-48: rgba(var(--wolverine-950-rgb), var(--alpha-48));
  --bg-wolverine-950-alpha-64: rgba(var(--wolverine-950-rgb), var(--alpha-64));
  --bg-wolverine-950-alpha-80: rgba(var(--wolverine-950-rgb), var(--alpha-80));

  --bg-valley-50-alpha-08: rgba(var(--valley-50-rgb), var(--alpha-08));
  --bg-valley-50-alpha-16: rgba(var(--valley-50-rgb), var(--alpha-16));
  --bg-valley-50-alpha-24: rgba(var(--valley-50-rgb), var(--alpha-24));
  --bg-valley-50-alpha-32: rgba(var(--valley-50-rgb), var(--alpha-32));
  --bg-valley-50-alpha-48: rgba(var(--valley-50-rgb), var(--alpha-48));
  --bg-valley-50-alpha-64: rgba(var(--valley-50-rgb), var(--alpha-64));
  --bg-valley-50-alpha-80: rgba(var(--valley-50-rgb), var(--alpha-80));
  --bg-valley-100-alpha-08: rgba(var(--valley-100-rgb), var(--alpha-08));
  --bg-valley-100-alpha-16: rgba(var(--valley-100-rgb), var(--alpha-16));
  --bg-valley-100-alpha-24: rgba(var(--valley-100-rgb), var(--alpha-24));
  --bg-valley-100-alpha-32: rgba(var(--valley-100-rgb), var(--alpha-32));
  --bg-valley-100-alpha-48: rgba(var(--valley-100-rgb), var(--alpha-48));
  --bg-valley-100-alpha-64: rgba(var(--valley-100-rgb), var(--alpha-64));
  --bg-valley-100-alpha-80: rgba(var(--valley-100-rgb), var(--alpha-80));
  --bg-valley-200-alpha-08: rgba(var(--valley-200-rgb), var(--alpha-08));
  --bg-valley-200-alpha-16: rgba(var(--valley-200-rgb), var(--alpha-16));
  --bg-valley-200-alpha-24: rgba(var(--valley-200-rgb), var(--alpha-24));
  --bg-valley-200-alpha-32: rgba(var(--valley-200-rgb), var(--alpha-32));
  --bg-valley-200-alpha-48: rgba(var(--valley-200-rgb), var(--alpha-48));
  --bg-valley-200-alpha-64: rgba(var(--valley-200-rgb), var(--alpha-64));
  --bg-valley-200-alpha-80: rgba(var(--valley-200-rgb), var(--alpha-80));
  --bg-valley-300-alpha-08: rgba(var(--valley-300-rgb), var(--alpha-08));
  --bg-valley-300-alpha-16: rgba(var(--valley-300-rgb), var(--alpha-16));
  --bg-valley-300-alpha-24: rgba(var(--valley-300-rgb), var(--alpha-24));
  --bg-valley-300-alpha-32: rgba(var(--valley-300-rgb), var(--alpha-32));
  --bg-valley-300-alpha-48: rgba(var(--valley-300-rgb), var(--alpha-48));
  --bg-valley-300-alpha-64: rgba(var(--valley-300-rgb), var(--alpha-64));
  --bg-valley-300-alpha-80: rgba(var(--valley-300-rgb), var(--alpha-80));
  --bg-valley-400-alpha-08: rgba(var(--valley-400-rgb), var(--alpha-08));
  --bg-valley-400-alpha-16: rgba(var(--valley-400-rgb), var(--alpha-16));
  --bg-valley-400-alpha-24: rgba(var(--valley-400-rgb), var(--alpha-24));
  --bg-valley-400-alpha-32: rgba(var(--valley-400-rgb), var(--alpha-32));
  --bg-valley-400-alpha-48: rgba(var(--valley-400-rgb), var(--alpha-48));
  --bg-valley-400-alpha-64: rgba(var(--valley-400-rgb), var(--alpha-64));
  --bg-valley-400-alpha-80: rgba(var(--valley-400-rgb), var(--alpha-80));
  --bg-valley-500-alpha-08: rgba(var(--valley-500-rgb), var(--alpha-08));
  --bg-valley-500-alpha-16: rgba(var(--valley-500-rgb), var(--alpha-16));
  --bg-valley-500-alpha-24: rgba(var(--valley-500-rgb), var(--alpha-24));
  --bg-valley-500-alpha-32: rgba(var(--valley-500-rgb), var(--alpha-32));
  --bg-valley-500-alpha-48: rgba(var(--valley-500-rgb), var(--alpha-48));
  --bg-valley-500-alpha-64: rgba(var(--valley-500-rgb), var(--alpha-64));
  --bg-valley-500-alpha-80: rgba(var(--valley-500-rgb), var(--alpha-80));
  --bg-valley-600-alpha-08: rgba(var(--valley-600-rgb), var(--alpha-08));
  --bg-valley-600-alpha-16: rgba(var(--valley-600-rgb), var(--alpha-16));
  --bg-valley-600-alpha-24: rgba(var(--valley-600-rgb), var(--alpha-24));
  --bg-valley-600-alpha-32: rgba(var(--valley-600-rgb), var(--alpha-32));
  --bg-valley-600-alpha-48: rgba(var(--valley-600-rgb), var(--alpha-48));
  --bg-valley-600-alpha-64: rgba(var(--valley-600-rgb), var(--alpha-64));
  --bg-valley-600-alpha-80: rgba(var(--valley-600-rgb), var(--alpha-80));
  --bg-valley-700-alpha-08: rgba(var(--valley-700-rgb), var(--alpha-08));
  --bg-valley-700-alpha-16: rgba(var(--valley-700-rgb), var(--alpha-16));
  --bg-valley-700-alpha-24: rgba(var(--valley-700-rgb), var(--alpha-24));
  --bg-valley-700-alpha-32: rgba(var(--valley-700-rgb), var(--alpha-32));
  --bg-valley-700-alpha-48: rgba(var(--valley-700-rgb), var(--alpha-48));
  --bg-valley-700-alpha-64: rgba(var(--valley-700-rgb), var(--alpha-64));
  --bg-valley-700-alpha-80: rgba(var(--valley-700-rgb), var(--alpha-80));
  --bg-valley-800-alpha-08: rgba(var(--valley-800-rgb), var(--alpha-08));
  --bg-valley-800-alpha-16: rgba(var(--valley-800-rgb), var(--alpha-16));
  --bg-valley-800-alpha-24: rgba(var(--valley-800-rgb), var(--alpha-24));
  --bg-valley-800-alpha-32: rgba(var(--valley-800-rgb), var(--alpha-32));
  --bg-valley-800-alpha-48: rgba(var(--valley-800-rgb), var(--alpha-48));
  --bg-valley-800-alpha-64: rgba(var(--valley-800-rgb), var(--alpha-64));
  --bg-valley-800-alpha-80: rgba(var(--valley-800-rgb), var(--alpha-80));
  --bg-valley-900-alpha-08: rgba(var(--valley-900-rgb), var(--alpha-08));
  --bg-valley-900-alpha-16: rgba(var(--valley-900-rgb), var(--alpha-16));
  --bg-valley-900-alpha-24: rgba(var(--valley-900-rgb), var(--alpha-24));
  --bg-valley-900-alpha-32: rgba(var(--valley-900-rgb), var(--alpha-32));
  --bg-valley-900-alpha-48: rgba(var(--valley-900-rgb), var(--alpha-48));
  --bg-valley-900-alpha-64: rgba(var(--valley-900-rgb), var(--alpha-64));
  --bg-valley-900-alpha-80: rgba(var(--valley-900-rgb), var(--alpha-80));
  --bg-valley-950-alpha-08: rgba(var(--valley-950-rgb), var(--alpha-08));
  --bg-valley-950-alpha-16: rgba(var(--valley-950-rgb), var(--alpha-16));
  --bg-valley-950-alpha-24: rgba(var(--valley-950-rgb), var(--alpha-24));
  --bg-valley-950-alpha-32: rgba(var(--valley-950-rgb), var(--alpha-32));
  --bg-valley-950-alpha-48: rgba(var(--valley-950-rgb), var(--alpha-48));
  --bg-valley-950-alpha-64: rgba(var(--valley-950-rgb), var(--alpha-64));
  --bg-valley-950-alpha-80: rgba(var(--valley-950-rgb), var(--alpha-80));

  --bg-meadow-50-alpha-08: rgba(var(--meadow-50-rgb), var(--alpha-08));
  --bg-meadow-50-alpha-16: rgba(var(--meadow-50-rgb), var(--alpha-16));
  --bg-meadow-50-alpha-24: rgba(var(--meadow-50-rgb), var(--alpha-24));
  --bg-meadow-50-alpha-32: rgba(var(--meadow-50-rgb), var(--alpha-32));
  --bg-meadow-50-alpha-48: rgba(var(--meadow-50-rgb), var(--alpha-48));
  --bg-meadow-50-alpha-64: rgba(var(--meadow-50-rgb), var(--alpha-64));
  --bg-meadow-50-alpha-80: rgba(var(--meadow-50-rgb), var(--alpha-80));
  --bg-meadow-100-alpha-08: rgba(var(--meadow-100-rgb), var(--alpha-08));
  --bg-meadow-100-alpha-16: rgba(var(--meadow-100-rgb), var(--alpha-16));
  --bg-meadow-100-alpha-24: rgba(var(--meadow-100-rgb), var(--alpha-24));
  --bg-meadow-100-alpha-32: rgba(var(--meadow-100-rgb), var(--alpha-32));
  --bg-meadow-100-alpha-48: rgba(var(--meadow-100-rgb), var(--alpha-48));
  --bg-meadow-100-alpha-64: rgba(var(--meadow-100-rgb), var(--alpha-64));
  --bg-meadow-100-alpha-80: rgba(var(--meadow-100-rgb), var(--alpha-80));
  --bg-meadow-200-alpha-08: rgba(var(--meadow-200-rgb), var(--alpha-08));
  --bg-meadow-200-alpha-16: rgba(var(--meadow-200-rgb), var(--alpha-16));
  --bg-meadow-200-alpha-24: rgba(var(--meadow-200-rgb), var(--alpha-24));
  --bg-meadow-200-alpha-32: rgba(var(--meadow-200-rgb), var(--alpha-32));
  --bg-meadow-200-alpha-48: rgba(var(--meadow-200-rgb), var(--alpha-48));
  --bg-meadow-200-alpha-64: rgba(var(--meadow-200-rgb), var(--alpha-64));
  --bg-meadow-200-alpha-80: rgba(var(--meadow-200-rgb), var(--alpha-80));
  --bg-meadow-300-alpha-08: rgba(var(--meadow-300-rgb), var(--alpha-08));
  --bg-meadow-300-alpha-16: rgba(var(--meadow-300-rgb), var(--alpha-16));
  --bg-meadow-300-alpha-24: rgba(var(--meadow-300-rgb), var(--alpha-24));
  --bg-meadow-300-alpha-32: rgba(var(--meadow-300-rgb), var(--alpha-32));
  --bg-meadow-300-alpha-48: rgba(var(--meadow-300-rgb), var(--alpha-48));
  --bg-meadow-300-alpha-64: rgba(var(--meadow-300-rgb), var(--alpha-64));
  --bg-meadow-300-alpha-80: rgba(var(--meadow-300-rgb), var(--alpha-80));
  --bg-meadow-400-alpha-08: rgba(var(--meadow-400-rgb), var(--alpha-08));
  --bg-meadow-400-alpha-16: rgba(var(--meadow-400-rgb), var(--alpha-16));
  --bg-meadow-400-alpha-24: rgba(var(--meadow-400-rgb), var(--alpha-24));
  --bg-meadow-400-alpha-32: rgba(var(--meadow-400-rgb), var(--alpha-32));
  --bg-meadow-400-alpha-48: rgba(var(--meadow-400-rgb), var(--alpha-48));
  --bg-meadow-400-alpha-64: rgba(var(--meadow-400-rgb), var(--alpha-64));
  --bg-meadow-400-alpha-80: rgba(var(--meadow-400-rgb), var(--alpha-80));
  --bg-meadow-500-alpha-08: rgba(var(--meadow-500-rgb), var(--alpha-08));
  --bg-meadow-500-alpha-16: rgba(var(--meadow-500-rgb), var(--alpha-16));
  --bg-meadow-500-alpha-24: rgba(var(--meadow-500-rgb), var(--alpha-24));
  --bg-meadow-500-alpha-32: rgba(var(--meadow-500-rgb), var(--alpha-32));
  --bg-meadow-500-alpha-48: rgba(var(--meadow-500-rgb), var(--alpha-48));
  --bg-meadow-500-alpha-64: rgba(var(--meadow-500-rgb), var(--alpha-64));
  --bg-meadow-500-alpha-80: rgba(var(--meadow-500-rgb), var(--alpha-80));
  --bg-meadow-600-alpha-08: rgba(var(--meadow-600-rgb), var(--alpha-08));
  --bg-meadow-600-alpha-16: rgba(var(--meadow-600-rgb), var(--alpha-16));
  --bg-meadow-600-alpha-24: rgba(var(--meadow-600-rgb), var(--alpha-24));
  --bg-meadow-600-alpha-32: rgba(var(--meadow-600-rgb), var(--alpha-32));
  --bg-meadow-600-alpha-48: rgba(var(--meadow-600-rgb), var(--alpha-48));
  --bg-meadow-600-alpha-64: rgba(var(--meadow-600-rgb), var(--alpha-64));
  --bg-meadow-600-alpha-80: rgba(var(--meadow-600-rgb), var(--alpha-80));
  --bg-meadow-700-alpha-08: rgba(var(--meadow-700-rgb), var(--alpha-08));
  --bg-meadow-700-alpha-16: rgba(var(--meadow-700-rgb), var(--alpha-16));
  --bg-meadow-700-alpha-24: rgba(var(--meadow-700-rgb), var(--alpha-24));
  --bg-meadow-700-alpha-32: rgba(var(--meadow-700-rgb), var(--alpha-32));
  --bg-meadow-700-alpha-48: rgba(var(--meadow-700-rgb), var(--alpha-48));
  --bg-meadow-700-alpha-64: rgba(var(--meadow-700-rgb), var(--alpha-64));
  --bg-meadow-700-alpha-80: rgba(var(--meadow-700-rgb), var(--alpha-80));
  --bg-meadow-800-alpha-08: rgba(var(--meadow-800-rgb), var(--alpha-08));
  --bg-meadow-800-alpha-16: rgba(var(--meadow-800-rgb), var(--alpha-16));
  --bg-meadow-800-alpha-24: rgba(var(--meadow-800-rgb), var(--alpha-24));
  --bg-meadow-800-alpha-32: rgba(var(--meadow-800-rgb), var(--alpha-32));
  --bg-meadow-800-alpha-48: rgba(var(--meadow-800-rgb), var(--alpha-48));
  --bg-meadow-800-alpha-64: rgba(var(--meadow-800-rgb), var(--alpha-64));
  --bg-meadow-800-alpha-80: rgba(var(--meadow-800-rgb), var(--alpha-80));
  --bg-meadow-900-alpha-08: rgba(var(--meadow-900-rgb), var(--alpha-08));
  --bg-meadow-900-alpha-16: rgba(var(--meadow-900-rgb), var(--alpha-16));
  --bg-meadow-900-alpha-24: rgba(var(--meadow-900-rgb), var(--alpha-24));
  --bg-meadow-900-alpha-32: rgba(var(--meadow-900-rgb), var(--alpha-32));
  --bg-meadow-900-alpha-48: rgba(var(--meadow-900-rgb), var(--alpha-48));
  --bg-meadow-900-alpha-64: rgba(var(--meadow-900-rgb), var(--alpha-64));
  --bg-meadow-900-alpha-80: rgba(var(--meadow-900-rgb), var(--alpha-80));
  --bg-meadow-950-alpha-08: rgba(var(--meadow-950-rgb), var(--alpha-08));
  --bg-meadow-950-alpha-16: rgba(var(--meadow-950-rgb), var(--alpha-16));
  --bg-meadow-950-alpha-24: rgba(var(--meadow-950-rgb), var(--alpha-24));
  --bg-meadow-950-alpha-32: rgba(var(--meadow-950-rgb), var(--alpha-32));
  --bg-meadow-950-alpha-48: rgba(var(--meadow-950-rgb), var(--alpha-48));
  --bg-meadow-950-alpha-64: rgba(var(--meadow-950-rgb), var(--alpha-64));
  --bg-meadow-950-alpha-80: rgba(var(--meadow-950-rgb), var(--alpha-80));

  --bg-seahaze-50-alpha-08: rgba(var(--seahaze-50-rgb), var(--alpha-08));
  --bg-seahaze-50-alpha-16: rgba(var(--seahaze-50-rgb), var(--alpha-16));
  --bg-seahaze-50-alpha-24: rgba(var(--seahaze-50-rgb), var(--alpha-24));
  --bg-seahaze-50-alpha-32: rgba(var(--seahaze-50-rgb), var(--alpha-32));
  --bg-seahaze-50-alpha-48: rgba(var(--seahaze-50-rgb), var(--alpha-48));
  --bg-seahaze-50-alpha-64: rgba(var(--seahaze-50-rgb), var(--alpha-64));
  --bg-seahaze-50-alpha-80: rgba(var(--seahaze-50-rgb), var(--alpha-80));
  --bg-seahaze-100-alpha-08: rgba(var(--seahaze-100-rgb), var(--alpha-08));
  --bg-seahaze-100-alpha-16: rgba(var(--seahaze-100-rgb), var(--alpha-16));
  --bg-seahaze-100-alpha-24: rgba(var(--seahaze-100-rgb), var(--alpha-24));
  --bg-seahaze-100-alpha-32: rgba(var(--seahaze-100-rgb), var(--alpha-32));
  --bg-seahaze-100-alpha-48: rgba(var(--seahaze-100-rgb), var(--alpha-48));
  --bg-seahaze-100-alpha-64: rgba(var(--seahaze-100-rgb), var(--alpha-64));
  --bg-seahaze-100-alpha-80: rgba(var(--seahaze-100-rgb), var(--alpha-80));
  --bg-seahaze-200-alpha-08: rgba(var(--seahaze-200-rgb), var(--alpha-08));
  --bg-seahaze-200-alpha-16: rgba(var(--seahaze-200-rgb), var(--alpha-16));
  --bg-seahaze-200-alpha-24: rgba(var(--seahaze-200-rgb), var(--alpha-24));
  --bg-seahaze-200-alpha-32: rgba(var(--seahaze-200-rgb), var(--alpha-32));
  --bg-seahaze-200-alpha-48: rgba(var(--seahaze-200-rgb), var(--alpha-48));
  --bg-seahaze-200-alpha-64: rgba(var(--seahaze-200-rgb), var(--alpha-64));
  --bg-seahaze-200-alpha-80: rgba(var(--seahaze-200-rgb), var(--alpha-80));
  --bg-seahaze-300-alpha-08: rgba(var(--seahaze-300-rgb), var(--alpha-08));
  --bg-seahaze-300-alpha-16: rgba(var(--seahaze-300-rgb), var(--alpha-16));
  --bg-seahaze-300-alpha-24: rgba(var(--seahaze-300-rgb), var(--alpha-24));
  --bg-seahaze-300-alpha-32: rgba(var(--seahaze-300-rgb), var(--alpha-32));
  --bg-seahaze-300-alpha-48: rgba(var(--seahaze-300-rgb), var(--alpha-48));
  --bg-seahaze-300-alpha-64: rgba(var(--seahaze-300-rgb), var(--alpha-64));
  --bg-seahaze-300-alpha-80: rgba(var(--seahaze-300-rgb), var(--alpha-80));
  --bg-seahaze-400-alpha-08: rgba(var(--seahaze-400-rgb), var(--alpha-08));
  --bg-seahaze-400-alpha-16: rgba(var(--seahaze-400-rgb), var(--alpha-16));
  --bg-seahaze-400-alpha-24: rgba(var(--seahaze-400-rgb), var(--alpha-24));
  --bg-seahaze-400-alpha-32: rgba(var(--seahaze-400-rgb), var(--alpha-32));
  --bg-seahaze-400-alpha-48: rgba(var(--seahaze-400-rgb), var(--alpha-48));
  --bg-seahaze-400-alpha-64: rgba(var(--seahaze-400-rgb), var(--alpha-64));
  --bg-seahaze-400-alpha-80: rgba(var(--seahaze-400-rgb), var(--alpha-80));
  --bg-seahaze-500-alpha-08: rgba(var(--seahaze-500-rgb), var(--alpha-08));
  --bg-seahaze-500-alpha-16: rgba(var(--seahaze-500-rgb), var(--alpha-16));
  --bg-seahaze-500-alpha-24: rgba(var(--seahaze-500-rgb), var(--alpha-24));
  --bg-seahaze-500-alpha-32: rgba(var(--seahaze-500-rgb), var(--alpha-32));
  --bg-seahaze-500-alpha-48: rgba(var(--seahaze-500-rgb), var(--alpha-48));
  --bg-seahaze-500-alpha-64: rgba(var(--seahaze-500-rgb), var(--alpha-64));
  --bg-seahaze-500-alpha-80: rgba(var(--seahaze-500-rgb), var(--alpha-80));
  --bg-seahaze-600-alpha-08: rgba(var(--seahaze-600-rgb), var(--alpha-08));
  --bg-seahaze-600-alpha-16: rgba(var(--seahaze-600-rgb), var(--alpha-16));
  --bg-seahaze-600-alpha-24: rgba(var(--seahaze-600-rgb), var(--alpha-24));
  --bg-seahaze-600-alpha-32: rgba(var(--seahaze-600-rgb), var(--alpha-32));
  --bg-seahaze-600-alpha-48: rgba(var(--seahaze-600-rgb), var(--alpha-48));
  --bg-seahaze-600-alpha-64: rgba(var(--seahaze-600-rgb), var(--alpha-64));
  --bg-seahaze-600-alpha-80: rgba(var(--seahaze-600-rgb), var(--alpha-80));
  --bg-seahaze-700-alpha-08: rgba(var(--seahaze-700-rgb), var(--alpha-08));
  --bg-seahaze-700-alpha-16: rgba(var(--seahaze-700-rgb), var(--alpha-16));
  --bg-seahaze-700-alpha-24: rgba(var(--seahaze-700-rgb), var(--alpha-24));
  --bg-seahaze-700-alpha-32: rgba(var(--seahaze-700-rgb), var(--alpha-32));
  --bg-seahaze-700-alpha-48: rgba(var(--seahaze-700-rgb), var(--alpha-48));
  --bg-seahaze-700-alpha-64: rgba(var(--seahaze-700-rgb), var(--alpha-64));
  --bg-seahaze-700-alpha-80: rgba(var(--seahaze-700-rgb), var(--alpha-80));
  --bg-seahaze-800-alpha-08: rgba(var(--seahaze-800-rgb), var(--alpha-08));
  --bg-seahaze-800-alpha-16: rgba(var(--seahaze-800-rgb), var(--alpha-16));
  --bg-seahaze-800-alpha-24: rgba(var(--seahaze-800-rgb), var(--alpha-24));
  --bg-seahaze-800-alpha-32: rgba(var(--seahaze-800-rgb), var(--alpha-32));
  --bg-seahaze-800-alpha-48: rgba(var(--seahaze-800-rgb), var(--alpha-48));
  --bg-seahaze-800-alpha-64: rgba(var(--seahaze-800-rgb), var(--alpha-64));
  --bg-seahaze-800-alpha-80: rgba(var(--seahaze-800-rgb), var(--alpha-80));
  --bg-seahaze-900-alpha-08: rgba(var(--seahaze-900-rgb), var(--alpha-08));
  --bg-seahaze-900-alpha-16: rgba(var(--seahaze-900-rgb), var(--alpha-16));
  --bg-seahaze-900-alpha-24: rgba(var(--seahaze-900-rgb), var(--alpha-24));
  --bg-seahaze-900-alpha-32: rgba(var(--seahaze-900-rgb), var(--alpha-32));
  --bg-seahaze-900-alpha-48: rgba(var(--seahaze-900-rgb), var(--alpha-48));
  --bg-seahaze-900-alpha-64: rgba(var(--seahaze-900-rgb), var(--alpha-64));
  --bg-seahaze-900-alpha-80: rgba(var(--seahaze-900-rgb), var(--alpha-80));
  --bg-seahaze-950-alpha-08: rgba(var(--seahaze-950-rgb), var(--alpha-08));
  --bg-seahaze-950-alpha-16: rgba(var(--seahaze-950-rgb), var(--alpha-16));
  --bg-seahaze-950-alpha-24: rgba(var(--seahaze-950-rgb), var(--alpha-24));
  --bg-seahaze-950-alpha-32: rgba(var(--seahaze-950-rgb), var(--alpha-32));
  --bg-seahaze-950-alpha-48: rgba(var(--seahaze-950-rgb), var(--alpha-48));
  --bg-seahaze-950-alpha-64: rgba(var(--seahaze-950-rgb), var(--alpha-64));
  --bg-seahaze-950-alpha-80: rgba(var(--seahaze-950-rgb), var(--alpha-80));

  --bg-dark-green-50-alpha-08: rgba(var(--dark-green-50-rgb), var(--alpha-08));
  --bg-dark-green-50-alpha-16: rgba(var(--dark-green-50-rgb), var(--alpha-16));
  --bg-dark-green-50-alpha-24: rgba(var(--dark-green-50-rgb), var(--alpha-24));
  --bg-dark-green-50-alpha-32: rgba(var(--dark-green-50-rgb), var(--alpha-32));
  --bg-dark-green-50-alpha-48: rgba(var(--dark-green-50-rgb), var(--alpha-48));
  --bg-dark-green-50-alpha-64: rgba(var(--dark-green-50-rgb), var(--alpha-64));
  --bg-dark-green-50-alpha-80: rgba(var(--dark-green-50-rgb), var(--alpha-80));
  --bg-dark-green-100-alpha-08: rgba(var(--dark-green-100-rgb), var(--alpha-08));
  --bg-dark-green-100-alpha-16: rgba(var(--dark-green-100-rgb), var(--alpha-16));
  --bg-dark-green-100-alpha-24: rgba(var(--dark-green-100-rgb), var(--alpha-24));
  --bg-dark-green-100-alpha-32: rgba(var(--dark-green-100-rgb), var(--alpha-32));
  --bg-dark-green-100-alpha-48: rgba(var(--dark-green-100-rgb), var(--alpha-48));
  --bg-dark-green-100-alpha-64: rgba(var(--dark-green-100-rgb), var(--alpha-64));
  --bg-dark-green-100-alpha-80: rgba(var(--dark-green-100-rgb), var(--alpha-80));
  --bg-dark-green-200-alpha-08: rgba(var(--dark-green-200-rgb), var(--alpha-08));
  --bg-dark-green-200-alpha-16: rgba(var(--dark-green-200-rgb), var(--alpha-16));
  --bg-dark-green-200-alpha-24: rgba(var(--dark-green-200-rgb), var(--alpha-24));
  --bg-dark-green-200-alpha-32: rgba(var(--dark-green-200-rgb), var(--alpha-32));
  --bg-dark-green-200-alpha-48: rgba(var(--dark-green-200-rgb), var(--alpha-48));
  --bg-dark-green-200-alpha-64: rgba(var(--dark-green-200-rgb), var(--alpha-64));
  --bg-dark-green-200-alpha-80: rgba(var(--dark-green-200-rgb), var(--alpha-80));
  --bg-dark-green-300-alpha-08: rgba(var(--dark-green-300-rgb), var(--alpha-08));
  --bg-dark-green-300-alpha-16: rgba(var(--dark-green-300-rgb), var(--alpha-16));
  --bg-dark-green-300-alpha-24: rgba(var(--dark-green-300-rgb), var(--alpha-24));
  --bg-dark-green-300-alpha-32: rgba(var(--dark-green-300-rgb), var(--alpha-32));
  --bg-dark-green-300-alpha-48: rgba(var(--dark-green-300-rgb), var(--alpha-48));
  --bg-dark-green-300-alpha-64: rgba(var(--dark-green-300-rgb), var(--alpha-64));
  --bg-dark-green-300-alpha-80: rgba(var(--dark-green-300-rgb), var(--alpha-80));
  --bg-dark-green-400-alpha-08: rgba(var(--dark-green-400-rgb), var(--alpha-08));
  --bg-dark-green-400-alpha-16: rgba(var(--dark-green-400-rgb), var(--alpha-16));
  --bg-dark-green-400-alpha-24: rgba(var(--dark-green-400-rgb), var(--alpha-24));
  --bg-dark-green-400-alpha-32: rgba(var(--dark-green-400-rgb), var(--alpha-32));
  --bg-dark-green-400-alpha-48: rgba(var(--dark-green-400-rgb), var(--alpha-48));
  --bg-dark-green-400-alpha-64: rgba(var(--dark-green-400-rgb), var(--alpha-64));
  --bg-dark-green-400-alpha-80: rgba(var(--dark-green-400-rgb), var(--alpha-80));
  --bg-dark-green-500-alpha-08: rgba(var(--dark-green-500-rgb), var(--alpha-08));
  --bg-dark-green-500-alpha-16: rgba(var(--dark-green-500-rgb), var(--alpha-16));
  --bg-dark-green-500-alpha-24: rgba(var(--dark-green-500-rgb), var(--alpha-24));
  --bg-dark-green-500-alpha-32: rgba(var(--dark-green-500-rgb), var(--alpha-32));
  --bg-dark-green-500-alpha-48: rgba(var(--dark-green-500-rgb), var(--alpha-48));
  --bg-dark-green-500-alpha-64: rgba(var(--dark-green-500-rgb), var(--alpha-64));
  --bg-dark-green-500-alpha-80: rgba(var(--dark-green-500-rgb), var(--alpha-80));
  --bg-dark-green-600-alpha-08: rgba(var(--dark-green-600-rgb), var(--alpha-08));
  --bg-dark-green-600-alpha-16: rgba(var(--dark-green-600-rgb), var(--alpha-16));
  --bg-dark-green-600-alpha-24: rgba(var(--dark-green-600-rgb), var(--alpha-24));
  --bg-dark-green-600-alpha-32: rgba(var(--dark-green-600-rgb), var(--alpha-32));
  --bg-dark-green-600-alpha-48: rgba(var(--dark-green-600-rgb), var(--alpha-48));
  --bg-dark-green-600-alpha-64: rgba(var(--dark-green-600-rgb), var(--alpha-64));
  --bg-dark-green-600-alpha-80: rgba(var(--dark-green-600-rgb), var(--alpha-80));
  --bg-dark-green-700-alpha-08: rgba(var(--dark-green-700-rgb), var(--alpha-08));
  --bg-dark-green-700-alpha-16: rgba(var(--dark-green-700-rgb), var(--alpha-16));
  --bg-dark-green-700-alpha-24: rgba(var(--dark-green-700-rgb), var(--alpha-24));
  --bg-dark-green-700-alpha-32: rgba(var(--dark-green-700-rgb), var(--alpha-32));
  --bg-dark-green-700-alpha-48: rgba(var(--dark-green-700-rgb), var(--alpha-48));
  --bg-dark-green-700-alpha-64: rgba(var(--dark-green-700-rgb), var(--alpha-64));
  --bg-dark-green-700-alpha-80: rgba(var(--dark-green-700-rgb), var(--alpha-80));
  --bg-dark-green-800-alpha-08: rgba(var(--dark-green-800-rgb), var(--alpha-08));
  --bg-dark-green-800-alpha-16: rgba(var(--dark-green-800-rgb), var(--alpha-16));
  --bg-dark-green-800-alpha-24: rgba(var(--dark-green-800-rgb), var(--alpha-24));
  --bg-dark-green-800-alpha-32: rgba(var(--dark-green-800-rgb), var(--alpha-32));
  --bg-dark-green-800-alpha-48: rgba(var(--dark-green-800-rgb), var(--alpha-48));
  --bg-dark-green-800-alpha-64: rgba(var(--dark-green-800-rgb), var(--alpha-64));
  --bg-dark-green-800-alpha-80: rgba(var(--dark-green-800-rgb), var(--alpha-80));
  --bg-dark-green-900-alpha-08: rgba(var(--dark-green-900-rgb), var(--alpha-08));
  --bg-dark-green-900-alpha-16: rgba(var(--dark-green-900-rgb), var(--alpha-16));
  --bg-dark-green-900-alpha-24: rgba(var(--dark-green-900-rgb), var(--alpha-24));
  --bg-dark-green-900-alpha-32: rgba(var(--dark-green-900-rgb), var(--alpha-32));
  --bg-dark-green-900-alpha-48: rgba(var(--dark-green-900-rgb), var(--alpha-48));
  --bg-dark-green-900-alpha-64: rgba(var(--dark-green-900-rgb), var(--alpha-64));
  --bg-dark-green-900-alpha-80: rgba(var(--dark-green-900-rgb), var(--alpha-80));
  --bg-dark-green-950-alpha-08: rgba(var(--dark-green-950-rgb), var(--alpha-08));
  --bg-dark-green-950-alpha-16: rgba(var(--dark-green-950-rgb), var(--alpha-16));
  --bg-dark-green-950-alpha-24: rgba(var(--dark-green-950-rgb), var(--alpha-24));
  --bg-dark-green-950-alpha-32: rgba(var(--dark-green-950-rgb), var(--alpha-32));
  --bg-dark-green-950-alpha-48: rgba(var(--dark-green-950-rgb), var(--alpha-48));
  --bg-dark-green-950-alpha-64: rgba(var(--dark-green-950-rgb), var(--alpha-64));
  --bg-dark-green-950-alpha-80: rgba(var(--dark-green-950-rgb), var(--alpha-80));

  --bg-super-50-alpha-08: rgba(var(--super-50-rgb), var(--alpha-08));
  --bg-super-50-alpha-16: rgba(var(--super-50-rgb), var(--alpha-16));
  --bg-super-50-alpha-24: rgba(var(--super-50-rgb), var(--alpha-24));
  --bg-super-50-alpha-32: rgba(var(--super-50-rgb), var(--alpha-32));
  --bg-super-50-alpha-48: rgba(var(--super-50-rgb), var(--alpha-48));
  --bg-super-50-alpha-64: rgba(var(--super-50-rgb), var(--alpha-64));
  --bg-super-50-alpha-80: rgba(var(--super-50-rgb), var(--alpha-80));
  --bg-super-100-alpha-08: rgba(var(--super-100-rgb), var(--alpha-08));
  --bg-super-100-alpha-16: rgba(var(--super-100-rgb), var(--alpha-16));
  --bg-super-100-alpha-24: rgba(var(--super-100-rgb), var(--alpha-24));
  --bg-super-100-alpha-32: rgba(var(--super-100-rgb), var(--alpha-32));
  --bg-super-100-alpha-48: rgba(var(--super-100-rgb), var(--alpha-48));
  --bg-super-100-alpha-64: rgba(var(--super-100-rgb), var(--alpha-64));
  --bg-super-100-alpha-80: rgba(var(--super-100-rgb), var(--alpha-80));
  --bg-super-200-alpha-08: rgba(var(--super-200-rgb), var(--alpha-08));
  --bg-super-200-alpha-16: rgba(var(--super-200-rgb), var(--alpha-16));
  --bg-super-200-alpha-24: rgba(var(--super-200-rgb), var(--alpha-24));
  --bg-super-200-alpha-32: rgba(var(--super-200-rgb), var(--alpha-32));
  --bg-super-200-alpha-48: rgba(var(--super-200-rgb), var(--alpha-48));
  --bg-super-200-alpha-64: rgba(var(--super-200-rgb), var(--alpha-64));
  --bg-super-200-alpha-80: rgba(var(--super-200-rgb), var(--alpha-80));
  --bg-super-300-alpha-08: rgba(var(--super-300-rgb), var(--alpha-08));
  --bg-super-300-alpha-16: rgba(var(--super-300-rgb), var(--alpha-16));
  --bg-super-300-alpha-24: rgba(var(--super-300-rgb), var(--alpha-24));
  --bg-super-300-alpha-32: rgba(var(--super-300-rgb), var(--alpha-32));
  --bg-super-300-alpha-48: rgba(var(--super-300-rgb), var(--alpha-48));
  --bg-super-300-alpha-64: rgba(var(--super-300-rgb), var(--alpha-64));
  --bg-super-300-alpha-80: rgba(var(--super-300-rgb), var(--alpha-80));
  --bg-super-400-alpha-08: rgba(var(--super-400-rgb), var(--alpha-08));
  --bg-super-400-alpha-16: rgba(var(--super-400-rgb), var(--alpha-16));
  --bg-super-400-alpha-24: rgba(var(--super-400-rgb), var(--alpha-24));
  --bg-super-400-alpha-32: rgba(var(--super-400-rgb), var(--alpha-32));
  --bg-super-400-alpha-48: rgba(var(--super-400-rgb), var(--alpha-48));
  --bg-super-400-alpha-64: rgba(var(--super-400-rgb), var(--alpha-64));
  --bg-super-400-alpha-80: rgba(var(--super-400-rgb), var(--alpha-80));
  --bg-super-500-alpha-08: rgba(var(--super-500-rgb), var(--alpha-08));
  --bg-super-500-alpha-16: rgba(var(--super-500-rgb), var(--alpha-16));
  --bg-super-500-alpha-24: rgba(var(--super-500-rgb), var(--alpha-24));
  --bg-super-500-alpha-32: rgba(var(--super-500-rgb), var(--alpha-32));
  --bg-super-500-alpha-48: rgba(var(--super-500-rgb), var(--alpha-48));
  --bg-super-500-alpha-64: rgba(var(--super-500-rgb), var(--alpha-64));
  --bg-super-500-alpha-80: rgba(var(--super-500-rgb), var(--alpha-80));
  --bg-super-600-alpha-08: rgba(var(--super-600-rgb), var(--alpha-08));
  --bg-super-600-alpha-16: rgba(var(--super-600-rgb), var(--alpha-16));
  --bg-super-600-alpha-24: rgba(var(--super-600-rgb), var(--alpha-24));
  --bg-super-600-alpha-32: rgba(var(--super-600-rgb), var(--alpha-32));
  --bg-super-600-alpha-48: rgba(var(--super-600-rgb), var(--alpha-48));
  --bg-super-600-alpha-64: rgba(var(--super-600-rgb), var(--alpha-64));
  --bg-super-600-alpha-80: rgba(var(--super-600-rgb), var(--alpha-80));
  --bg-super-700-alpha-08: rgba(var(--super-700-rgb), var(--alpha-08));
  --bg-super-700-alpha-16: rgba(var(--super-700-rgb), var(--alpha-16));
  --bg-super-700-alpha-24: rgba(var(--super-700-rgb), var(--alpha-24));
  --bg-super-700-alpha-32: rgba(var(--super-700-rgb), var(--alpha-32));
  --bg-super-700-alpha-48: rgba(var(--super-700-rgb), var(--alpha-48));
  --bg-super-700-alpha-64: rgba(var(--super-700-rgb), var(--alpha-64));
  --bg-super-700-alpha-80: rgba(var(--super-700-rgb), var(--alpha-80));
  --bg-super-800-alpha-08: rgba(var(--super-800-rgb), var(--alpha-08));
  --bg-super-800-alpha-16: rgba(var(--super-800-rgb), var(--alpha-16));
  --bg-super-800-alpha-24: rgba(var(--super-800-rgb), var(--alpha-24));
  --bg-super-800-alpha-32: rgba(var(--super-800-rgb), var(--alpha-32));
  --bg-super-800-alpha-48: rgba(var(--super-800-rgb), var(--alpha-48));
  --bg-super-800-alpha-64: rgba(var(--super-800-rgb), var(--alpha-64));
  --bg-super-800-alpha-80: rgba(var(--super-800-rgb), var(--alpha-80));
  --bg-super-900-alpha-08: rgba(var(--super-900-rgb), var(--alpha-08));
  --bg-super-900-alpha-16: rgba(var(--super-900-rgb), var(--alpha-16));
  --bg-super-900-alpha-24: rgba(var(--super-900-rgb), var(--alpha-24));
  --bg-super-900-alpha-32: rgba(var(--super-900-rgb), var(--alpha-32));
  --bg-super-900-alpha-48: rgba(var(--super-900-rgb), var(--alpha-48));
  --bg-super-900-alpha-64: rgba(var(--super-900-rgb), var(--alpha-64));
  --bg-super-900-alpha-80: rgba(var(--super-900-rgb), var(--alpha-80));
  --bg-super-950-alpha-08: rgba(var(--super-950-rgb), var(--alpha-08));
  --bg-super-950-alpha-16: rgba(var(--super-950-rgb), var(--alpha-16));
  --bg-super-950-alpha-24: rgba(var(--super-950-rgb), var(--alpha-24));
  --bg-super-950-alpha-32: rgba(var(--super-950-rgb), var(--alpha-32));
  --bg-super-950-alpha-48: rgba(var(--super-950-rgb), var(--alpha-48));
  --bg-super-950-alpha-64: rgba(var(--super-950-rgb), var(--alpha-64));
  --bg-super-950-alpha-80: rgba(var(--super-950-rgb), var(--alpha-80));

  --bg-neutral-0-alpha-08: rgba(var(--neutral-0-rgb), var(--alpha-08));
  --bg-neutral-0-alpha-16: rgba(var(--neutral-0-rgb), var(--alpha-16));
  --bg-neutral-0-alpha-24: rgba(var(--neutral-0-rgb), var(--alpha-24));
  --bg-neutral-0-alpha-32: rgba(var(--neutral-0-rgb), var(--alpha-32));
  --bg-neutral-0-alpha-48: rgba(var(--neutral-0-rgb), var(--alpha-48));
  --bg-neutral-0-alpha-64: rgba(var(--neutral-0-rgb), var(--alpha-64));
  --bg-neutral-0-alpha-80: rgba(var(--neutral-0-rgb), var(--alpha-80));
  --bg-neutral-50-alpha-08: rgba(var(--neutral-50-rgb), var(--alpha-08));
  --bg-neutral-50-alpha-16: rgba(var(--neutral-50-rgb), var(--alpha-16));
  --bg-neutral-50-alpha-24: rgba(var(--neutral-50-rgb), var(--alpha-24));
  --bg-neutral-50-alpha-32: rgba(var(--neutral-50-rgb), var(--alpha-32));
  --bg-neutral-50-alpha-48: rgba(var(--neutral-50-rgb), var(--alpha-48));
  --bg-neutral-50-alpha-64: rgba(var(--neutral-50-rgb), var(--alpha-64));
  --bg-neutral-50-alpha-80: rgba(var(--neutral-50-rgb), var(--alpha-80));
  --bg-neutral-75-alpha-08: rgba(var(--neutral-75-rgb), var(--alpha-08));
  --bg-neutral-75-alpha-16: rgba(var(--neutral-75-rgb), var(--alpha-16));
  --bg-neutral-75-alpha-24: rgba(var(--neutral-75-rgb), var(--alpha-24));
  --bg-neutral-75-alpha-32: rgba(var(--neutral-75-rgb), var(--alpha-32));
  --bg-neutral-75-alpha-48: rgba(var(--neutral-75-rgb), var(--alpha-48));
  --bg-neutral-75-alpha-64: rgba(var(--neutral-75-rgb), var(--alpha-64));
  --bg-neutral-75-alpha-80: rgba(var(--neutral-75-rgb), var(--alpha-80));
  --bg-neutral-100-alpha-08: rgba(var(--neutral-100-rgb), var(--alpha-08));
  --bg-neutral-100-alpha-16: rgba(var(--neutral-100-rgb), var(--alpha-16));
  --bg-neutral-100-alpha-24: rgba(var(--neutral-100-rgb), var(--alpha-24));
  --bg-neutral-100-alpha-32: rgba(var(--neutral-100-rgb), var(--alpha-32));
  --bg-neutral-100-alpha-48: rgba(var(--neutral-100-rgb), var(--alpha-48));
  --bg-neutral-100-alpha-64: rgba(var(--neutral-100-rgb), var(--alpha-64));
  --bg-neutral-100-alpha-80: rgba(var(--neutral-100-rgb), var(--alpha-80));
  --bg-neutral-150-alpha-08: rgba(var(--neutral-150-rgb), var(--alpha-08));
  --bg-neutral-150-alpha-16: rgba(var(--neutral-150-rgb), var(--alpha-16));
  --bg-neutral-150-alpha-24: rgba(var(--neutral-150-rgb), var(--alpha-24));
  --bg-neutral-150-alpha-32: rgba(var(--neutral-150-rgb), var(--alpha-32));
  --bg-neutral-150-alpha-48: rgba(var(--neutral-150-rgb), var(--alpha-48));
  --bg-neutral-150-alpha-64: rgba(var(--neutral-150-rgb), var(--alpha-64));
  --bg-neutral-150-alpha-80: rgba(var(--neutral-150-rgb), var(--alpha-80));
  --bg-neutral-200-alpha-08: rgba(var(--neutral-200-rgb), var(--alpha-08));
  --bg-neutral-200-alpha-16: rgba(var(--neutral-200-rgb), var(--alpha-16));
  --bg-neutral-200-alpha-24: rgba(var(--neutral-200-rgb), var(--alpha-24));
  --bg-neutral-200-alpha-32: rgba(var(--neutral-200-rgb), var(--alpha-32));
  --bg-neutral-200-alpha-48: rgba(var(--neutral-200-rgb), var(--alpha-48));
  --bg-neutral-200-alpha-64: rgba(var(--neutral-200-rgb), var(--alpha-64));
  --bg-neutral-200-alpha-80: rgba(var(--neutral-200-rgb), var(--alpha-80));
  --bg-neutral-300-alpha-08: rgba(var(--neutral-300-rgb), var(--alpha-08));
  --bg-neutral-300-alpha-16: rgba(var(--neutral-300-rgb), var(--alpha-16));
  --bg-neutral-300-alpha-24: rgba(var(--neutral-300-rgb), var(--alpha-24));
  --bg-neutral-300-alpha-32: rgba(var(--neutral-300-rgb), var(--alpha-32));
  --bg-neutral-300-alpha-48: rgba(var(--neutral-300-rgb), var(--alpha-48));
  --bg-neutral-300-alpha-64: rgba(var(--neutral-300-rgb), var(--alpha-64));
  --bg-neutral-300-alpha-80: rgba(var(--neutral-300-rgb), var(--alpha-80));
  --bg-neutral-400-alpha-08: rgba(var(--neutral-400-rgb), var(--alpha-08));
  --bg-neutral-400-alpha-16: rgba(var(--neutral-400-rgb), var(--alpha-16));
  --bg-neutral-400-alpha-24: rgba(var(--neutral-400-rgb), var(--alpha-24));
  --bg-neutral-400-alpha-32: rgba(var(--neutral-400-rgb), var(--alpha-32));
  --bg-neutral-400-alpha-48: rgba(var(--neutral-400-rgb), var(--alpha-48));
  --bg-neutral-400-alpha-64: rgba(var(--neutral-400-rgb), var(--alpha-64));
  --bg-neutral-400-alpha-80: rgba(var(--neutral-400-rgb), var(--alpha-80));
  --bg-neutral-500-alpha-08: rgba(var(--neutral-500-rgb), var(--alpha-08));
  --bg-neutral-500-alpha-16: rgba(var(--neutral-500-rgb), var(--alpha-16));
  --bg-neutral-500-alpha-24: rgba(var(--neutral-500-rgb), var(--alpha-24));
  --bg-neutral-500-alpha-32: rgba(var(--neutral-500-rgb), var(--alpha-32));
  --bg-neutral-500-alpha-48: rgba(var(--neutral-500-rgb), var(--alpha-48));
  --bg-neutral-500-alpha-64: rgba(var(--neutral-500-rgb), var(--alpha-64));
  --bg-neutral-500-alpha-80: rgba(var(--neutral-500-rgb), var(--alpha-80));
  --bg-neutral-600-alpha-08: rgba(var(--neutral-600-rgb), var(--alpha-08));
  --bg-neutral-600-alpha-16: rgba(var(--neutral-600-rgb), var(--alpha-16));
  --bg-neutral-600-alpha-24: rgba(var(--neutral-600-rgb), var(--alpha-24));
  --bg-neutral-600-alpha-32: rgba(var(--neutral-600-rgb), var(--alpha-32));
  --bg-neutral-600-alpha-48: rgba(var(--neutral-600-rgb), var(--alpha-48));
  --bg-neutral-600-alpha-64: rgba(var(--neutral-600-rgb), var(--alpha-64));
  --bg-neutral-600-alpha-80: rgba(var(--neutral-600-rgb), var(--alpha-80));
  --bg-neutral-700-alpha-08: rgba(var(--neutral-700-rgb), var(--alpha-08));
  --bg-neutral-700-alpha-16: rgba(var(--neutral-700-rgb), var(--alpha-16));
  --bg-neutral-700-alpha-24: rgba(var(--neutral-700-rgb), var(--alpha-24));
  --bg-neutral-700-alpha-32: rgba(var(--neutral-700-rgb), var(--alpha-32));
  --bg-neutral-700-alpha-48: rgba(var(--neutral-700-rgb), var(--alpha-48));
  --bg-neutral-700-alpha-64: rgba(var(--neutral-700-rgb), var(--alpha-64));
  --bg-neutral-700-alpha-80: rgba(var(--neutral-700-rgb), var(--alpha-80));
  --bg-neutral-800-alpha-08: rgba(var(--neutral-800-rgb), var(--alpha-08));
  --bg-neutral-800-alpha-16: rgba(var(--neutral-800-rgb), var(--alpha-16));
  --bg-neutral-800-alpha-24: rgba(var(--neutral-800-rgb), var(--alpha-24));
  --bg-neutral-800-alpha-32: rgba(var(--neutral-800-rgb), var(--alpha-32));
  --bg-neutral-800-alpha-48: rgba(var(--neutral-800-rgb), var(--alpha-48));
  --bg-neutral-800-alpha-64: rgba(var(--neutral-800-rgb), var(--alpha-64));
  --bg-neutral-800-alpha-80: rgba(var(--neutral-800-rgb), var(--alpha-80));
  --bg-neutral-900-alpha-08: rgba(var(--neutral-900-rgb), var(--alpha-08));
  --bg-neutral-900-alpha-16: rgba(var(--neutral-900-rgb), var(--alpha-16));
  --bg-neutral-900-alpha-24: rgba(var(--neutral-900-rgb), var(--alpha-24));
  --bg-neutral-900-alpha-32: rgba(var(--neutral-900-rgb), var(--alpha-32));
  --bg-neutral-900-alpha-48: rgba(var(--neutral-900-rgb), var(--alpha-48));
  --bg-neutral-900-alpha-64: rgba(var(--neutral-900-rgb), var(--alpha-64));
  --bg-neutral-900-alpha-80: rgba(var(--neutral-900-rgb), var(--alpha-80));
  --bg-neutral-950-alpha-08: rgba(var(--neutral-950-rgb), var(--alpha-08));
  --bg-neutral-950-alpha-16: rgba(var(--neutral-950-rgb), var(--alpha-16));
  --bg-neutral-950-alpha-24: rgba(var(--neutral-950-rgb), var(--alpha-24));
  --bg-neutral-950-alpha-32: rgba(var(--neutral-950-rgb), var(--alpha-32));
  --bg-neutral-950-alpha-48: rgba(var(--neutral-950-rgb), var(--alpha-48));
  --bg-neutral-950-alpha-64: rgba(var(--neutral-950-rgb), var(--alpha-64));
  --bg-neutral-950-alpha-80: rgba(var(--neutral-950-rgb), var(--alpha-80));

  --bg-warm-50-alpha-08: rgba(var(--warm-50-rgb), var(--alpha-08));
  --bg-warm-50-alpha-16: rgba(var(--warm-50-rgb), var(--alpha-16));
  --bg-warm-50-alpha-24: rgba(var(--warm-50-rgb), var(--alpha-24));
  --bg-warm-50-alpha-32: rgba(var(--warm-50-rgb), var(--alpha-32));
  --bg-warm-50-alpha-48: rgba(var(--warm-50-rgb), var(--alpha-48));
  --bg-warm-50-alpha-64: rgba(var(--warm-50-rgb), var(--alpha-64));
  --bg-warm-50-alpha-80: rgba(var(--warm-50-rgb), var(--alpha-80));
  --bg-warm-100-alpha-08: rgba(var(--warm-100-rgb), var(--alpha-08));
  --bg-warm-100-alpha-16: rgba(var(--warm-100-rgb), var(--alpha-16));
  --bg-warm-100-alpha-24: rgba(var(--warm-100-rgb), var(--alpha-24));
  --bg-warm-100-alpha-32: rgba(var(--warm-100-rgb), var(--alpha-32));
  --bg-warm-100-alpha-48: rgba(var(--warm-100-rgb), var(--alpha-48));
  --bg-warm-100-alpha-64: rgba(var(--warm-100-rgb), var(--alpha-64));
  --bg-warm-100-alpha-80: rgba(var(--warm-100-rgb), var(--alpha-80));
  --bg-warm-200-alpha-08: rgba(var(--warm-200-rgb), var(--alpha-08));
  --bg-warm-200-alpha-16: rgba(var(--warm-200-rgb), var(--alpha-16));
  --bg-warm-200-alpha-24: rgba(var(--warm-200-rgb), var(--alpha-24));
  --bg-warm-200-alpha-32: rgba(var(--warm-200-rgb), var(--alpha-32));
  --bg-warm-200-alpha-48: rgba(var(--warm-200-rgb), var(--alpha-48));
  --bg-warm-200-alpha-64: rgba(var(--warm-200-rgb), var(--alpha-64));
  --bg-warm-200-alpha-80: rgba(var(--warm-200-rgb), var(--alpha-80));
  --bg-warm-300-alpha-08: rgba(var(--warm-300-rgb), var(--alpha-08));
  --bg-warm-300-alpha-16: rgba(var(--warm-300-rgb), var(--alpha-16));
  --bg-warm-300-alpha-24: rgba(var(--warm-300-rgb), var(--alpha-24));
  --bg-warm-300-alpha-32: rgba(var(--warm-300-rgb), var(--alpha-32));
  --bg-warm-300-alpha-48: rgba(var(--warm-300-rgb), var(--alpha-48));
  --bg-warm-300-alpha-64: rgba(var(--warm-300-rgb), var(--alpha-64));
  --bg-warm-300-alpha-80: rgba(var(--warm-300-rgb), var(--alpha-80));
  --bg-warm-400-alpha-08: rgba(var(--warm-400-rgb), var(--alpha-08));
  --bg-warm-400-alpha-16: rgba(var(--warm-400-rgb), var(--alpha-16));
  --bg-warm-400-alpha-24: rgba(var(--warm-400-rgb), var(--alpha-24));
  --bg-warm-400-alpha-32: rgba(var(--warm-400-rgb), var(--alpha-32));
  --bg-warm-400-alpha-48: rgba(var(--warm-400-rgb), var(--alpha-48));
  --bg-warm-400-alpha-64: rgba(var(--warm-400-rgb), var(--alpha-64));
  --bg-warm-400-alpha-80: rgba(var(--warm-400-rgb), var(--alpha-80));
  --bg-warm-500-alpha-08: rgba(var(--warm-500-rgb), var(--alpha-08));
  --bg-warm-500-alpha-16: rgba(var(--warm-500-rgb), var(--alpha-16));
  --bg-warm-500-alpha-24: rgba(var(--warm-500-rgb), var(--alpha-24));
  --bg-warm-500-alpha-32: rgba(var(--warm-500-rgb), var(--alpha-32));
  --bg-warm-500-alpha-48: rgba(var(--warm-500-rgb), var(--alpha-48));
  --bg-warm-500-alpha-64: rgba(var(--warm-500-rgb), var(--alpha-64));
  --bg-warm-500-alpha-80: rgba(var(--warm-500-rgb), var(--alpha-80));
  --bg-warm-600-alpha-08: rgba(var(--warm-600-rgb), var(--alpha-08));
  --bg-warm-600-alpha-16: rgba(var(--warm-600-rgb), var(--alpha-16));
  --bg-warm-600-alpha-24: rgba(var(--warm-600-rgb), var(--alpha-24));
  --bg-warm-600-alpha-32: rgba(var(--warm-600-rgb), var(--alpha-32));
  --bg-warm-600-alpha-48: rgba(var(--warm-600-rgb), var(--alpha-48));
  --bg-warm-600-alpha-64: rgba(var(--warm-600-rgb), var(--alpha-64));
  --bg-warm-600-alpha-80: rgba(var(--warm-600-rgb), var(--alpha-80));
  --bg-warm-700-alpha-08: rgba(var(--warm-700-rgb), var(--alpha-08));
  --bg-warm-700-alpha-16: rgba(var(--warm-700-rgb), var(--alpha-16));
  --bg-warm-700-alpha-24: rgba(var(--warm-700-rgb), var(--alpha-24));
  --bg-warm-700-alpha-32: rgba(var(--warm-700-rgb), var(--alpha-32));
  --bg-warm-700-alpha-48: rgba(var(--warm-700-rgb), var(--alpha-48));
  --bg-warm-700-alpha-64: rgba(var(--warm-700-rgb), var(--alpha-64));
  --bg-warm-700-alpha-80: rgba(var(--warm-700-rgb), var(--alpha-80));
  --bg-warm-800-alpha-08: rgba(var(--warm-800-rgb), var(--alpha-08));
  --bg-warm-800-alpha-16: rgba(var(--warm-800-rgb), var(--alpha-16));
  --bg-warm-800-alpha-24: rgba(var(--warm-800-rgb), var(--alpha-24));
  --bg-warm-800-alpha-32: rgba(var(--warm-800-rgb), var(--alpha-32));
  --bg-warm-800-alpha-48: rgba(var(--warm-800-rgb), var(--alpha-48));
  --bg-warm-800-alpha-64: rgba(var(--warm-800-rgb), var(--alpha-64));
  --bg-warm-800-alpha-80: rgba(var(--warm-800-rgb), var(--alpha-80));
  --bg-warm-900-alpha-08: rgba(var(--warm-900-rgb), var(--alpha-08));
  --bg-warm-900-alpha-16: rgba(var(--warm-900-rgb), var(--alpha-16));
  --bg-warm-900-alpha-24: rgba(var(--warm-900-rgb), var(--alpha-24));
  --bg-warm-900-alpha-32: rgba(var(--warm-900-rgb), var(--alpha-32));
  --bg-warm-900-alpha-48: rgba(var(--warm-900-rgb), var(--alpha-48));
  --bg-warm-900-alpha-64: rgba(var(--warm-900-rgb), var(--alpha-64));
  --bg-warm-900-alpha-80: rgba(var(--warm-900-rgb), var(--alpha-80));
  --bg-warm-950-alpha-08: rgba(var(--warm-950-rgb), var(--alpha-08));
  --bg-warm-950-alpha-16: rgba(var(--warm-950-rgb), var(--alpha-16));
  --bg-warm-950-alpha-24: rgba(var(--warm-950-rgb), var(--alpha-24));
  --bg-warm-950-alpha-32: rgba(var(--warm-950-rgb), var(--alpha-32));
  --bg-warm-950-alpha-48: rgba(var(--warm-950-rgb), var(--alpha-48));
  --bg-warm-950-alpha-64: rgba(var(--warm-950-rgb), var(--alpha-64));
  --bg-warm-950-alpha-80: rgba(var(--warm-950-rgb), var(--alpha-80));

  --bg-sage-50-alpha-08: rgba(var(--sage-50-rgb), var(--alpha-08));
  --bg-sage-50-alpha-16: rgba(var(--sage-50-rgb), var(--alpha-16));
  --bg-sage-50-alpha-24: rgba(var(--sage-50-rgb), var(--alpha-24));
  --bg-sage-50-alpha-32: rgba(var(--sage-50-rgb), var(--alpha-32));
  --bg-sage-50-alpha-48: rgba(var(--sage-50-rgb), var(--alpha-48));
  --bg-sage-50-alpha-64: rgba(var(--sage-50-rgb), var(--alpha-64));
  --bg-sage-50-alpha-80: rgba(var(--sage-50-rgb), var(--alpha-80));
  --bg-sage-100-alpha-08: rgba(var(--sage-100-rgb), var(--alpha-08));
  --bg-sage-100-alpha-16: rgba(var(--sage-100-rgb), var(--alpha-16));
  --bg-sage-100-alpha-24: rgba(var(--sage-100-rgb), var(--alpha-24));
  --bg-sage-100-alpha-32: rgba(var(--sage-100-rgb), var(--alpha-32));
  --bg-sage-100-alpha-48: rgba(var(--sage-100-rgb), var(--alpha-48));
  --bg-sage-100-alpha-64: rgba(var(--sage-100-rgb), var(--alpha-64));
  --bg-sage-100-alpha-80: rgba(var(--sage-100-rgb), var(--alpha-80));
  --bg-sage-200-alpha-08: rgba(var(--sage-200-rgb), var(--alpha-08));
  --bg-sage-200-alpha-16: rgba(var(--sage-200-rgb), var(--alpha-16));
  --bg-sage-200-alpha-24: rgba(var(--sage-200-rgb), var(--alpha-24));
  --bg-sage-200-alpha-32: rgba(var(--sage-200-rgb), var(--alpha-32));
  --bg-sage-200-alpha-48: rgba(var(--sage-200-rgb), var(--alpha-48));
  --bg-sage-200-alpha-64: rgba(var(--sage-200-rgb), var(--alpha-64));
  --bg-sage-200-alpha-80: rgba(var(--sage-200-rgb), var(--alpha-80));
  --bg-sage-300-alpha-08: rgba(var(--sage-300-rgb), var(--alpha-08));
  --bg-sage-300-alpha-16: rgba(var(--sage-300-rgb), var(--alpha-16));
  --bg-sage-300-alpha-24: rgba(var(--sage-300-rgb), var(--alpha-24));
  --bg-sage-300-alpha-32: rgba(var(--sage-300-rgb), var(--alpha-32));
  --bg-sage-300-alpha-48: rgba(var(--sage-300-rgb), var(--alpha-48));
  --bg-sage-300-alpha-64: rgba(var(--sage-300-rgb), var(--alpha-64));
  --bg-sage-300-alpha-80: rgba(var(--sage-300-rgb), var(--alpha-80));
  --bg-sage-400-alpha-08: rgba(var(--sage-400-rgb), var(--alpha-08));
  --bg-sage-400-alpha-16: rgba(var(--sage-400-rgb), var(--alpha-16));
  --bg-sage-400-alpha-24: rgba(var(--sage-400-rgb), var(--alpha-24));
  --bg-sage-400-alpha-32: rgba(var(--sage-400-rgb), var(--alpha-32));
  --bg-sage-400-alpha-48: rgba(var(--sage-400-rgb), var(--alpha-48));
  --bg-sage-400-alpha-64: rgba(var(--sage-400-rgb), var(--alpha-64));
  --bg-sage-400-alpha-80: rgba(var(--sage-400-rgb), var(--alpha-80));
  --bg-sage-500-alpha-08: rgba(var(--sage-500-rgb), var(--alpha-08));
  --bg-sage-500-alpha-16: rgba(var(--sage-500-rgb), var(--alpha-16));
  --bg-sage-500-alpha-24: rgba(var(--sage-500-rgb), var(--alpha-24));
  --bg-sage-500-alpha-32: rgba(var(--sage-500-rgb), var(--alpha-32));
  --bg-sage-500-alpha-48: rgba(var(--sage-500-rgb), var(--alpha-48));
  --bg-sage-500-alpha-64: rgba(var(--sage-500-rgb), var(--alpha-64));
  --bg-sage-500-alpha-80: rgba(var(--sage-500-rgb), var(--alpha-80));
  --bg-sage-600-alpha-08: rgba(var(--sage-600-rgb), var(--alpha-08));
  --bg-sage-600-alpha-16: rgba(var(--sage-600-rgb), var(--alpha-16));
  --bg-sage-600-alpha-24: rgba(var(--sage-600-rgb), var(--alpha-24));
  --bg-sage-600-alpha-32: rgba(var(--sage-600-rgb), var(--alpha-32));
  --bg-sage-600-alpha-48: rgba(var(--sage-600-rgb), var(--alpha-48));
  --bg-sage-600-alpha-64: rgba(var(--sage-600-rgb), var(--alpha-64));
  --bg-sage-600-alpha-80: rgba(var(--sage-600-rgb), var(--alpha-80));
  --bg-sage-700-alpha-08: rgba(var(--sage-700-rgb), var(--alpha-08));
  --bg-sage-700-alpha-16: rgba(var(--sage-700-rgb), var(--alpha-16));
  --bg-sage-700-alpha-24: rgba(var(--sage-700-rgb), var(--alpha-24));
  --bg-sage-700-alpha-32: rgba(var(--sage-700-rgb), var(--alpha-32));
  --bg-sage-700-alpha-48: rgba(var(--sage-700-rgb), var(--alpha-48));
  --bg-sage-700-alpha-64: rgba(var(--sage-700-rgb), var(--alpha-64));
  --bg-sage-700-alpha-80: rgba(var(--sage-700-rgb), var(--alpha-80));
  --bg-sage-800-alpha-08: rgba(var(--sage-800-rgb), var(--alpha-08));
  --bg-sage-800-alpha-16: rgba(var(--sage-800-rgb), var(--alpha-16));
  --bg-sage-800-alpha-24: rgba(var(--sage-800-rgb), var(--alpha-24));
  --bg-sage-800-alpha-32: rgba(var(--sage-800-rgb), var(--alpha-32));
  --bg-sage-800-alpha-48: rgba(var(--sage-800-rgb), var(--alpha-48));
  --bg-sage-800-alpha-64: rgba(var(--sage-800-rgb), var(--alpha-64));
  --bg-sage-800-alpha-80: rgba(var(--sage-800-rgb), var(--alpha-80));
  --bg-sage-900-alpha-08: rgba(var(--sage-900-rgb), var(--alpha-08));
  --bg-sage-900-alpha-16: rgba(var(--sage-900-rgb), var(--alpha-16));
  --bg-sage-900-alpha-24: rgba(var(--sage-900-rgb), var(--alpha-24));
  --bg-sage-900-alpha-32: rgba(var(--sage-900-rgb), var(--alpha-32));
  --bg-sage-900-alpha-48: rgba(var(--sage-900-rgb), var(--alpha-48));
  --bg-sage-900-alpha-64: rgba(var(--sage-900-rgb), var(--alpha-64));
  --bg-sage-900-alpha-80: rgba(var(--sage-900-rgb), var(--alpha-80));
  --bg-sage-950-alpha-08: rgba(var(--sage-950-rgb), var(--alpha-08));
  --bg-sage-950-alpha-16: rgba(var(--sage-950-rgb), var(--alpha-16));
  --bg-sage-950-alpha-24: rgba(var(--sage-950-rgb), var(--alpha-24));
  --bg-sage-950-alpha-32: rgba(var(--sage-950-rgb), var(--alpha-32));
  --bg-sage-950-alpha-48: rgba(var(--sage-950-rgb), var(--alpha-48));
  --bg-sage-950-alpha-64: rgba(var(--sage-950-rgb), var(--alpha-64));
  --bg-sage-950-alpha-80: rgba(var(--sage-950-rgb), var(--alpha-80));

  --bg-gold-50-alpha-08: rgba(var(--gold-50-rgb), var(--alpha-08));
  --bg-gold-50-alpha-16: rgba(var(--gold-50-rgb), var(--alpha-16));
  --bg-gold-50-alpha-24: rgba(var(--gold-50-rgb), var(--alpha-24));
  --bg-gold-50-alpha-32: rgba(var(--gold-50-rgb), var(--alpha-32));
  --bg-gold-50-alpha-48: rgba(var(--gold-50-rgb), var(--alpha-48));
  --bg-gold-50-alpha-64: rgba(var(--gold-50-rgb), var(--alpha-64));
  --bg-gold-50-alpha-80: rgba(var(--gold-50-rgb), var(--alpha-80));
  --bg-gold-100-alpha-08: rgba(var(--gold-100-rgb), var(--alpha-08));
  --bg-gold-100-alpha-16: rgba(var(--gold-100-rgb), var(--alpha-16));
  --bg-gold-100-alpha-24: rgba(var(--gold-100-rgb), var(--alpha-24));
  --bg-gold-100-alpha-32: rgba(var(--gold-100-rgb), var(--alpha-32));
  --bg-gold-100-alpha-48: rgba(var(--gold-100-rgb), var(--alpha-48));
  --bg-gold-100-alpha-64: rgba(var(--gold-100-rgb), var(--alpha-64));
  --bg-gold-100-alpha-80: rgba(var(--gold-100-rgb), var(--alpha-80));
  --bg-gold-200-alpha-08: rgba(var(--gold-200-rgb), var(--alpha-08));
  --bg-gold-200-alpha-16: rgba(var(--gold-200-rgb), var(--alpha-16));
  --bg-gold-200-alpha-24: rgba(var(--gold-200-rgb), var(--alpha-24));
  --bg-gold-200-alpha-32: rgba(var(--gold-200-rgb), var(--alpha-32));
  --bg-gold-200-alpha-48: rgba(var(--gold-200-rgb), var(--alpha-48));
  --bg-gold-200-alpha-64: rgba(var(--gold-200-rgb), var(--alpha-64));
  --bg-gold-200-alpha-80: rgba(var(--gold-200-rgb), var(--alpha-80));
  --bg-gold-300-alpha-08: rgba(var(--gold-300-rgb), var(--alpha-08));
  --bg-gold-300-alpha-16: rgba(var(--gold-300-rgb), var(--alpha-16));
  --bg-gold-300-alpha-24: rgba(var(--gold-300-rgb), var(--alpha-24));
  --bg-gold-300-alpha-32: rgba(var(--gold-300-rgb), var(--alpha-32));
  --bg-gold-300-alpha-48: rgba(var(--gold-300-rgb), var(--alpha-48));
  --bg-gold-300-alpha-64: rgba(var(--gold-300-rgb), var(--alpha-64));
  --bg-gold-300-alpha-80: rgba(var(--gold-300-rgb), var(--alpha-80));
  --bg-gold-400-alpha-08: rgba(var(--gold-400-rgb), var(--alpha-08));
  --bg-gold-400-alpha-16: rgba(var(--gold-400-rgb), var(--alpha-16));
  --bg-gold-400-alpha-24: rgba(var(--gold-400-rgb), var(--alpha-24));
  --bg-gold-400-alpha-32: rgba(var(--gold-400-rgb), var(--alpha-32));
  --bg-gold-400-alpha-48: rgba(var(--gold-400-rgb), var(--alpha-48));
  --bg-gold-400-alpha-64: rgba(var(--gold-400-rgb), var(--alpha-64));
  --bg-gold-400-alpha-80: rgba(var(--gold-400-rgb), var(--alpha-80));
  --bg-gold-500-alpha-08: rgba(var(--gold-500-rgb), var(--alpha-08));
  --bg-gold-500-alpha-16: rgba(var(--gold-500-rgb), var(--alpha-16));
  --bg-gold-500-alpha-24: rgba(var(--gold-500-rgb), var(--alpha-24));
  --bg-gold-500-alpha-32: rgba(var(--gold-500-rgb), var(--alpha-32));
  --bg-gold-500-alpha-48: rgba(var(--gold-500-rgb), var(--alpha-48));
  --bg-gold-500-alpha-64: rgba(var(--gold-500-rgb), var(--alpha-64));
  --bg-gold-500-alpha-80: rgba(var(--gold-500-rgb), var(--alpha-80));
  --bg-gold-600-alpha-08: rgba(var(--gold-600-rgb), var(--alpha-08));
  --bg-gold-600-alpha-16: rgba(var(--gold-600-rgb), var(--alpha-16));
  --bg-gold-600-alpha-24: rgba(var(--gold-600-rgb), var(--alpha-24));
  --bg-gold-600-alpha-32: rgba(var(--gold-600-rgb), var(--alpha-32));
  --bg-gold-600-alpha-48: rgba(var(--gold-600-rgb), var(--alpha-48));
  --bg-gold-600-alpha-64: rgba(var(--gold-600-rgb), var(--alpha-64));
  --bg-gold-600-alpha-80: rgba(var(--gold-600-rgb), var(--alpha-80));
  --bg-gold-700-alpha-08: rgba(var(--gold-700-rgb), var(--alpha-08));
  --bg-gold-700-alpha-16: rgba(var(--gold-700-rgb), var(--alpha-16));
  --bg-gold-700-alpha-24: rgba(var(--gold-700-rgb), var(--alpha-24));
  --bg-gold-700-alpha-32: rgba(var(--gold-700-rgb), var(--alpha-32));
  --bg-gold-700-alpha-48: rgba(var(--gold-700-rgb), var(--alpha-48));
  --bg-gold-700-alpha-64: rgba(var(--gold-700-rgb), var(--alpha-64));
  --bg-gold-700-alpha-80: rgba(var(--gold-700-rgb), var(--alpha-80));
  --bg-gold-800-alpha-08: rgba(var(--gold-800-rgb), var(--alpha-08));
  --bg-gold-800-alpha-16: rgba(var(--gold-800-rgb), var(--alpha-16));
  --bg-gold-800-alpha-24: rgba(var(--gold-800-rgb), var(--alpha-24));
  --bg-gold-800-alpha-32: rgba(var(--gold-800-rgb), var(--alpha-32));
  --bg-gold-800-alpha-48: rgba(var(--gold-800-rgb), var(--alpha-48));
  --bg-gold-800-alpha-64: rgba(var(--gold-800-rgb), var(--alpha-64));
  --bg-gold-800-alpha-80: rgba(var(--gold-800-rgb), var(--alpha-80));
  --bg-gold-900-alpha-08: rgba(var(--gold-900-rgb), var(--alpha-08));
  --bg-gold-900-alpha-16: rgba(var(--gold-900-rgb), var(--alpha-16));
  --bg-gold-900-alpha-24: rgba(var(--gold-900-rgb), var(--alpha-24));
  --bg-gold-900-alpha-32: rgba(var(--gold-900-rgb), var(--alpha-32));
  --bg-gold-900-alpha-48: rgba(var(--gold-900-rgb), var(--alpha-48));
  --bg-gold-900-alpha-64: rgba(var(--gold-900-rgb), var(--alpha-64));
  --bg-gold-900-alpha-80: rgba(var(--gold-900-rgb), var(--alpha-80));
  --bg-gold-950-alpha-08: rgba(var(--gold-950-rgb), var(--alpha-08));
  --bg-gold-950-alpha-16: rgba(var(--gold-950-rgb), var(--alpha-16));
  --bg-gold-950-alpha-24: rgba(var(--gold-950-rgb), var(--alpha-24));
  --bg-gold-950-alpha-32: rgba(var(--gold-950-rgb), var(--alpha-32));
  --bg-gold-950-alpha-48: rgba(var(--gold-950-rgb), var(--alpha-48));
  --bg-gold-950-alpha-64: rgba(var(--gold-950-rgb), var(--alpha-64));
  --bg-gold-950-alpha-80: rgba(var(--gold-950-rgb), var(--alpha-80));

  --bg-red-50-alpha-08: rgba(var(--red-50-rgb), var(--alpha-08));
  --bg-red-50-alpha-16: rgba(var(--red-50-rgb), var(--alpha-16));
  --bg-red-50-alpha-24: rgba(var(--red-50-rgb), var(--alpha-24));
  --bg-red-50-alpha-32: rgba(var(--red-50-rgb), var(--alpha-32));
  --bg-red-50-alpha-48: rgba(var(--red-50-rgb), var(--alpha-48));
  --bg-red-50-alpha-64: rgba(var(--red-50-rgb), var(--alpha-64));
  --bg-red-50-alpha-80: rgba(var(--red-50-rgb), var(--alpha-80));
  --bg-red-100-alpha-08: rgba(var(--red-100-rgb), var(--alpha-08));
  --bg-red-100-alpha-16: rgba(var(--red-100-rgb), var(--alpha-16));
  --bg-red-100-alpha-24: rgba(var(--red-100-rgb), var(--alpha-24));
  --bg-red-100-alpha-32: rgba(var(--red-100-rgb), var(--alpha-32));
  --bg-red-100-alpha-48: rgba(var(--red-100-rgb), var(--alpha-48));
  --bg-red-100-alpha-64: rgba(var(--red-100-rgb), var(--alpha-64));
  --bg-red-100-alpha-80: rgba(var(--red-100-rgb), var(--alpha-80));
  --bg-red-200-alpha-08: rgba(var(--red-200-rgb), var(--alpha-08));
  --bg-red-200-alpha-16: rgba(var(--red-200-rgb), var(--alpha-16));
  --bg-red-200-alpha-24: rgba(var(--red-200-rgb), var(--alpha-24));
  --bg-red-200-alpha-32: rgba(var(--red-200-rgb), var(--alpha-32));
  --bg-red-200-alpha-48: rgba(var(--red-200-rgb), var(--alpha-48));
  --bg-red-200-alpha-64: rgba(var(--red-200-rgb), var(--alpha-64));
  --bg-red-200-alpha-80: rgba(var(--red-200-rgb), var(--alpha-80));
  --bg-red-300-alpha-08: rgba(var(--red-300-rgb), var(--alpha-08));
  --bg-red-300-alpha-16: rgba(var(--red-300-rgb), var(--alpha-16));
  --bg-red-300-alpha-24: rgba(var(--red-300-rgb), var(--alpha-24));
  --bg-red-300-alpha-32: rgba(var(--red-300-rgb), var(--alpha-32));
  --bg-red-300-alpha-48: rgba(var(--red-300-rgb), var(--alpha-48));
  --bg-red-300-alpha-64: rgba(var(--red-300-rgb), var(--alpha-64));
  --bg-red-300-alpha-80: rgba(var(--red-300-rgb), var(--alpha-80));
  --bg-red-400-alpha-08: rgba(var(--red-400-rgb), var(--alpha-08));
  --bg-red-400-alpha-16: rgba(var(--red-400-rgb), var(--alpha-16));
  --bg-red-400-alpha-24: rgba(var(--red-400-rgb), var(--alpha-24));
  --bg-red-400-alpha-32: rgba(var(--red-400-rgb), var(--alpha-32));
  --bg-red-400-alpha-48: rgba(var(--red-400-rgb), var(--alpha-48));
  --bg-red-400-alpha-64: rgba(var(--red-400-rgb), var(--alpha-64));
  --bg-red-400-alpha-80: rgba(var(--red-400-rgb), var(--alpha-80));
  --bg-red-500-alpha-08: rgba(var(--red-500-rgb), var(--alpha-08));
  --bg-red-500-alpha-16: rgba(var(--red-500-rgb), var(--alpha-16));
  --bg-red-500-alpha-24: rgba(var(--red-500-rgb), var(--alpha-24));
  --bg-red-500-alpha-32: rgba(var(--red-500-rgb), var(--alpha-32));
  --bg-red-500-alpha-48: rgba(var(--red-500-rgb), var(--alpha-48));
  --bg-red-500-alpha-64: rgba(var(--red-500-rgb), var(--alpha-64));
  --bg-red-500-alpha-80: rgba(var(--red-500-rgb), var(--alpha-80));
  --bg-red-600-alpha-08: rgba(var(--red-600-rgb), var(--alpha-08));
  --bg-red-600-alpha-16: rgba(var(--red-600-rgb), var(--alpha-16));
  --bg-red-600-alpha-24: rgba(var(--red-600-rgb), var(--alpha-24));
  --bg-red-600-alpha-32: rgba(var(--red-600-rgb), var(--alpha-32));
  --bg-red-600-alpha-48: rgba(var(--red-600-rgb), var(--alpha-48));
  --bg-red-600-alpha-64: rgba(var(--red-600-rgb), var(--alpha-64));
  --bg-red-600-alpha-80: rgba(var(--red-600-rgb), var(--alpha-80));
  --bg-red-700-alpha-08: rgba(var(--red-700-rgb), var(--alpha-08));
  --bg-red-700-alpha-16: rgba(var(--red-700-rgb), var(--alpha-16));
  --bg-red-700-alpha-24: rgba(var(--red-700-rgb), var(--alpha-24));
  --bg-red-700-alpha-32: rgba(var(--red-700-rgb), var(--alpha-32));
  --bg-red-700-alpha-48: rgba(var(--red-700-rgb), var(--alpha-48));
  --bg-red-700-alpha-64: rgba(var(--red-700-rgb), var(--alpha-64));
  --bg-red-700-alpha-80: rgba(var(--red-700-rgb), var(--alpha-80));
  --bg-red-800-alpha-08: rgba(var(--red-800-rgb), var(--alpha-08));
  --bg-red-800-alpha-16: rgba(var(--red-800-rgb), var(--alpha-16));
  --bg-red-800-alpha-24: rgba(var(--red-800-rgb), var(--alpha-24));
  --bg-red-800-alpha-32: rgba(var(--red-800-rgb), var(--alpha-32));
  --bg-red-800-alpha-48: rgba(var(--red-800-rgb), var(--alpha-48));
  --bg-red-800-alpha-64: rgba(var(--red-800-rgb), var(--alpha-64));
  --bg-red-800-alpha-80: rgba(var(--red-800-rgb), var(--alpha-80));
  --bg-red-900-alpha-08: rgba(var(--red-900-rgb), var(--alpha-08));
  --bg-red-900-alpha-16: rgba(var(--red-900-rgb), var(--alpha-16));
  --bg-red-900-alpha-24: rgba(var(--red-900-rgb), var(--alpha-24));
  --bg-red-900-alpha-32: rgba(var(--red-900-rgb), var(--alpha-32));
  --bg-red-900-alpha-48: rgba(var(--red-900-rgb), var(--alpha-48));
  --bg-red-900-alpha-64: rgba(var(--red-900-rgb), var(--alpha-64));
  --bg-red-900-alpha-80: rgba(var(--red-900-rgb), var(--alpha-80));
  --bg-red-950-alpha-08: rgba(var(--red-950-rgb), var(--alpha-08));
  --bg-red-950-alpha-16: rgba(var(--red-950-rgb), var(--alpha-16));
  --bg-red-950-alpha-24: rgba(var(--red-950-rgb), var(--alpha-24));
  --bg-red-950-alpha-32: rgba(var(--red-950-rgb), var(--alpha-32));
  --bg-red-950-alpha-48: rgba(var(--red-950-rgb), var(--alpha-48));
  --bg-red-950-alpha-64: rgba(var(--red-950-rgb), var(--alpha-64));
  --bg-red-950-alpha-80: rgba(var(--red-950-rgb), var(--alpha-80));

  --bg-info-50-alpha-08: rgba(var(--info-50-rgb), var(--alpha-08));
  --bg-info-50-alpha-16: rgba(var(--info-50-rgb), var(--alpha-16));
  --bg-info-50-alpha-24: rgba(var(--info-50-rgb), var(--alpha-24));
  --bg-info-50-alpha-32: rgba(var(--info-50-rgb), var(--alpha-32));
  --bg-info-50-alpha-48: rgba(var(--info-50-rgb), var(--alpha-48));
  --bg-info-50-alpha-64: rgba(var(--info-50-rgb), var(--alpha-64));
  --bg-info-50-alpha-80: rgba(var(--info-50-rgb), var(--alpha-80));
  --bg-info-100-alpha-08: rgba(var(--info-100-rgb), var(--alpha-08));
  --bg-info-100-alpha-16: rgba(var(--info-100-rgb), var(--alpha-16));
  --bg-info-100-alpha-24: rgba(var(--info-100-rgb), var(--alpha-24));
  --bg-info-100-alpha-32: rgba(var(--info-100-rgb), var(--alpha-32));
  --bg-info-100-alpha-48: rgba(var(--info-100-rgb), var(--alpha-48));
  --bg-info-100-alpha-64: rgba(var(--info-100-rgb), var(--alpha-64));
  --bg-info-100-alpha-80: rgba(var(--info-100-rgb), var(--alpha-80));
  --bg-info-200-alpha-08: rgba(var(--info-200-rgb), var(--alpha-08));
  --bg-info-200-alpha-16: rgba(var(--info-200-rgb), var(--alpha-16));
  --bg-info-200-alpha-24: rgba(var(--info-200-rgb), var(--alpha-24));
  --bg-info-200-alpha-32: rgba(var(--info-200-rgb), var(--alpha-32));
  --bg-info-200-alpha-48: rgba(var(--info-200-rgb), var(--alpha-48));
  --bg-info-200-alpha-64: rgba(var(--info-200-rgb), var(--alpha-64));
  --bg-info-200-alpha-80: rgba(var(--info-200-rgb), var(--alpha-80));
  --bg-info-300-alpha-08: rgba(var(--info-300-rgb), var(--alpha-08));
  --bg-info-300-alpha-16: rgba(var(--info-300-rgb), var(--alpha-16));
  --bg-info-300-alpha-24: rgba(var(--info-300-rgb), var(--alpha-24));
  --bg-info-300-alpha-32: rgba(var(--info-300-rgb), var(--alpha-32));
  --bg-info-300-alpha-48: rgba(var(--info-300-rgb), var(--alpha-48));
  --bg-info-300-alpha-64: rgba(var(--info-300-rgb), var(--alpha-64));
  --bg-info-300-alpha-80: rgba(var(--info-300-rgb), var(--alpha-80));
  --bg-info-400-alpha-08: rgba(var(--info-400-rgb), var(--alpha-08));
  --bg-info-400-alpha-16: rgba(var(--info-400-rgb), var(--alpha-16));
  --bg-info-400-alpha-24: rgba(var(--info-400-rgb), var(--alpha-24));
  --bg-info-400-alpha-32: rgba(var(--info-400-rgb), var(--alpha-32));
  --bg-info-400-alpha-48: rgba(var(--info-400-rgb), var(--alpha-48));
  --bg-info-400-alpha-64: rgba(var(--info-400-rgb), var(--alpha-64));
  --bg-info-400-alpha-80: rgba(var(--info-400-rgb), var(--alpha-80));
  --bg-info-500-alpha-08: rgba(var(--info-500-rgb), var(--alpha-08));
  --bg-info-500-alpha-16: rgba(var(--info-500-rgb), var(--alpha-16));
  --bg-info-500-alpha-24: rgba(var(--info-500-rgb), var(--alpha-24));
  --bg-info-500-alpha-32: rgba(var(--info-500-rgb), var(--alpha-32));
  --bg-info-500-alpha-48: rgba(var(--info-500-rgb), var(--alpha-48));
  --bg-info-500-alpha-64: rgba(var(--info-500-rgb), var(--alpha-64));
  --bg-info-500-alpha-80: rgba(var(--info-500-rgb), var(--alpha-80));
  --bg-info-600-alpha-08: rgba(var(--info-600-rgb), var(--alpha-08));
  --bg-info-600-alpha-16: rgba(var(--info-600-rgb), var(--alpha-16));
  --bg-info-600-alpha-24: rgba(var(--info-600-rgb), var(--alpha-24));
  --bg-info-600-alpha-32: rgba(var(--info-600-rgb), var(--alpha-32));
  --bg-info-600-alpha-48: rgba(var(--info-600-rgb), var(--alpha-48));
  --bg-info-600-alpha-64: rgba(var(--info-600-rgb), var(--alpha-64));
  --bg-info-600-alpha-80: rgba(var(--info-600-rgb), var(--alpha-80));
  --bg-info-700-alpha-08: rgba(var(--info-700-rgb), var(--alpha-08));
  --bg-info-700-alpha-16: rgba(var(--info-700-rgb), var(--alpha-16));
  --bg-info-700-alpha-24: rgba(var(--info-700-rgb), var(--alpha-24));
  --bg-info-700-alpha-32: rgba(var(--info-700-rgb), var(--alpha-32));
  --bg-info-700-alpha-48: rgba(var(--info-700-rgb), var(--alpha-48));
  --bg-info-700-alpha-64: rgba(var(--info-700-rgb), var(--alpha-64));
  --bg-info-700-alpha-80: rgba(var(--info-700-rgb), var(--alpha-80));
  --bg-info-800-alpha-08: rgba(var(--info-800-rgb), var(--alpha-08));
  --bg-info-800-alpha-16: rgba(var(--info-800-rgb), var(--alpha-16));
  --bg-info-800-alpha-24: rgba(var(--info-800-rgb), var(--alpha-24));
  --bg-info-800-alpha-32: rgba(var(--info-800-rgb), var(--alpha-32));
  --bg-info-800-alpha-48: rgba(var(--info-800-rgb), var(--alpha-48));
  --bg-info-800-alpha-64: rgba(var(--info-800-rgb), var(--alpha-64));
  --bg-info-800-alpha-80: rgba(var(--info-800-rgb), var(--alpha-80));
  --bg-info-900-alpha-08: rgba(var(--info-900-rgb), var(--alpha-08));
  --bg-info-900-alpha-16: rgba(var(--info-900-rgb), var(--alpha-16));
  --bg-info-900-alpha-24: rgba(var(--info-900-rgb), var(--alpha-24));
  --bg-info-900-alpha-32: rgba(var(--info-900-rgb), var(--alpha-32));
  --bg-info-900-alpha-48: rgba(var(--info-900-rgb), var(--alpha-48));
  --bg-info-900-alpha-64: rgba(var(--info-900-rgb), var(--alpha-64));
  --bg-info-900-alpha-80: rgba(var(--info-900-rgb), var(--alpha-80));
  --bg-info-950-alpha-08: rgba(var(--info-950-rgb), var(--alpha-08));
  --bg-info-950-alpha-16: rgba(var(--info-950-rgb), var(--alpha-16));
  --bg-info-950-alpha-24: rgba(var(--info-950-rgb), var(--alpha-24));
  --bg-info-950-alpha-32: rgba(var(--info-950-rgb), var(--alpha-32));
  --bg-info-950-alpha-48: rgba(var(--info-950-rgb), var(--alpha-48));
  --bg-info-950-alpha-64: rgba(var(--info-950-rgb), var(--alpha-64));
  --bg-info-950-alpha-80: rgba(var(--info-950-rgb), var(--alpha-80));

  --bg-white-alpha-08: rgba(var(--white-rgb), var(--alpha-08));
  --bg-white-alpha-16: rgba(var(--white-rgb), var(--alpha-16));
  --bg-white-alpha-24: rgba(var(--white-rgb), var(--alpha-24));
  --bg-white-alpha-32: rgba(var(--white-rgb), var(--alpha-32));
  --bg-white-alpha-48: rgba(var(--white-rgb), var(--alpha-48));
  --bg-white-alpha-64: rgba(var(--white-rgb), var(--alpha-64));
  --bg-white-alpha-80: rgba(var(--white-rgb), var(--alpha-80));

  --bg-off-white-alpha-08: rgba(var(--off-white-rgb), var(--alpha-08));
  --bg-off-white-alpha-16: rgba(var(--off-white-rgb), var(--alpha-16));
  --bg-off-white-alpha-24: rgba(var(--off-white-rgb), var(--alpha-24));
  --bg-off-white-alpha-32: rgba(var(--off-white-rgb), var(--alpha-32));
  --bg-off-white-alpha-48: rgba(var(--off-white-rgb), var(--alpha-48));
  --bg-off-white-alpha-64: rgba(var(--off-white-rgb), var(--alpha-64));
  --bg-off-white-alpha-80: rgba(var(--off-white-rgb), var(--alpha-80));

  --bg-black-alpha-08: rgba(var(--black-rgb), var(--alpha-08));
  --bg-black-alpha-16: rgba(var(--black-rgb), var(--alpha-16));
  --bg-black-alpha-24: rgba(var(--black-rgb), var(--alpha-24));
  --bg-black-alpha-32: rgba(var(--black-rgb), var(--alpha-32));
  --bg-black-alpha-48: rgba(var(--black-rgb), var(--alpha-48));
  --bg-black-alpha-64: rgba(var(--black-rgb), var(--alpha-64));
  --bg-black-alpha-80: rgba(var(--black-rgb), var(--alpha-80));

  --bg-dark-grey-alpha-08: rgba(var(--dark-grey-rgb), var(--alpha-08));
  --bg-dark-grey-alpha-16: rgba(var(--dark-grey-rgb), var(--alpha-16));
  --bg-dark-grey-alpha-24: rgba(var(--dark-grey-rgb), var(--alpha-24));
  --bg-dark-grey-alpha-32: rgba(var(--dark-grey-rgb), var(--alpha-32));
  --bg-dark-grey-alpha-48: rgba(var(--dark-grey-rgb), var(--alpha-48));
  --bg-dark-grey-alpha-64: rgba(var(--dark-grey-rgb), var(--alpha-64));
  --bg-dark-grey-alpha-80: rgba(var(--dark-grey-rgb), var(--alpha-80));

  --bg-grey-alpha-08: rgba(var(--grey-rgb), var(--alpha-08));
  --bg-grey-alpha-16: rgba(var(--grey-rgb), var(--alpha-16));
  --bg-grey-alpha-24: rgba(var(--grey-rgb), var(--alpha-24));
  --bg-grey-alpha-32: rgba(var(--grey-rgb), var(--alpha-32));
  --bg-grey-alpha-48: rgba(var(--grey-rgb), var(--alpha-48));
  --bg-grey-alpha-64: rgba(var(--grey-rgb), var(--alpha-64));
  --bg-grey-alpha-80: rgba(var(--grey-rgb), var(--alpha-80));

  --bg-light-grey-alpha-08: rgba(var(--light-grey-rgb), var(--alpha-08));
  --bg-light-grey-alpha-16: rgba(var(--light-grey-rgb), var(--alpha-16));
  --bg-light-grey-alpha-24: rgba(var(--light-grey-rgb), var(--alpha-24));
  --bg-light-grey-alpha-32: rgba(var(--light-grey-rgb), var(--alpha-32));
  --bg-light-grey-alpha-48: rgba(var(--light-grey-rgb), var(--alpha-48));
  --bg-light-grey-alpha-64: rgba(var(--light-grey-rgb), var(--alpha-64));
  --bg-light-grey-alpha-80: rgba(var(--light-grey-rgb), var(--alpha-80));

  --bg-warm-alpha-08: rgba(var(--warm-rgb), var(--alpha-08));
  --bg-warm-alpha-16: rgba(var(--warm-rgb), var(--alpha-16));
  --bg-warm-alpha-24: rgba(var(--warm-rgb), var(--alpha-24));
  --bg-warm-alpha-32: rgba(var(--warm-rgb), var(--alpha-32));
  --bg-warm-alpha-48: rgba(var(--warm-rgb), var(--alpha-48));
  --bg-warm-alpha-64: rgba(var(--warm-rgb), var(--alpha-64));
  --bg-warm-alpha-80: rgba(var(--warm-rgb), var(--alpha-80));

  --bg-sage-alpha-08: rgba(var(--sage-rgb), var(--alpha-08));
  --bg-sage-alpha-16: rgba(var(--sage-rgb), var(--alpha-16));
  --bg-sage-alpha-24: rgba(var(--sage-rgb), var(--alpha-24));
  --bg-sage-alpha-32: rgba(var(--sage-rgb), var(--alpha-32));
  --bg-sage-alpha-48: rgba(var(--sage-rgb), var(--alpha-48));
  --bg-sage-alpha-64: rgba(var(--sage-rgb), var(--alpha-64));
  --bg-sage-alpha-80: rgba(var(--sage-rgb), var(--alpha-80));

  --bg-gold-alpha-08: rgba(var(--gold-rgb), var(--alpha-08));
  --bg-gold-alpha-16: rgba(var(--gold-rgb), var(--alpha-16));
  --bg-gold-alpha-24: rgba(var(--gold-rgb), var(--alpha-24));
  --bg-gold-alpha-32: rgba(var(--gold-rgb), var(--alpha-32));
  --bg-gold-alpha-48: rgba(var(--gold-rgb), var(--alpha-48));
  --bg-gold-alpha-64: rgba(var(--gold-rgb), var(--alpha-64));
  --bg-gold-alpha-80: rgba(var(--gold-rgb), var(--alpha-80));

  --bg-red-alpha-08: rgba(var(--red-rgb), var(--alpha-08));
  --bg-red-alpha-16: rgba(var(--red-rgb), var(--alpha-16));
  --bg-red-alpha-24: rgba(var(--red-rgb), var(--alpha-24));
  --bg-red-alpha-32: rgba(var(--red-rgb), var(--alpha-32));
  --bg-red-alpha-48: rgba(var(--red-rgb), var(--alpha-48));
  --bg-red-alpha-64: rgba(var(--red-rgb), var(--alpha-64));
  --bg-red-alpha-80: rgba(var(--red-rgb), var(--alpha-80));

  --bg-info-alpha-08: rgba(var(--info-rgb), var(--alpha-08));
  --bg-info-alpha-16: rgba(var(--info-rgb), var(--alpha-16));
  --bg-info-alpha-24: rgba(var(--info-rgb), var(--alpha-24));
  --bg-info-alpha-32: rgba(var(--info-rgb), var(--alpha-32));
  --bg-info-alpha-48: rgba(var(--info-rgb), var(--alpha-48));
  --bg-info-alpha-64: rgba(var(--info-rgb), var(--alpha-64));
  --bg-info-alpha-80: rgba(var(--info-rgb), var(--alpha-80));

  --bg-uvu-alpha-08: rgba(var(--uvu-rgb), var(--alpha-08));
  --bg-uvu-alpha-16: rgba(var(--uvu-rgb), var(--alpha-16));
  --bg-uvu-alpha-24: rgba(var(--uvu-rgb), var(--alpha-24));
  --bg-uvu-alpha-32: rgba(var(--uvu-rgb), var(--alpha-32));
  --bg-uvu-alpha-48: rgba(var(--uvu-rgb), var(--alpha-48));
  --bg-uvu-alpha-64: rgba(var(--uvu-rgb), var(--alpha-64));
  --bg-uvu-alpha-80: rgba(var(--uvu-rgb), var(--alpha-80));

  --bg-wolverine-alpha-08: rgba(var(--wolverine-rgb), var(--alpha-08));
  --bg-wolverine-alpha-16: rgba(var(--wolverine-rgb), var(--alpha-16));
  --bg-wolverine-alpha-24: rgba(var(--wolverine-rgb), var(--alpha-24));
  --bg-wolverine-alpha-32: rgba(var(--wolverine-rgb), var(--alpha-32));
  --bg-wolverine-alpha-48: rgba(var(--wolverine-rgb), var(--alpha-48));
  --bg-wolverine-alpha-64: rgba(var(--wolverine-rgb), var(--alpha-64));
  --bg-wolverine-alpha-80: rgba(var(--wolverine-rgb), var(--alpha-80));

  --bg-valley-alpha-08: rgba(var(--valley-rgb), var(--alpha-08));
  --bg-valley-alpha-16: rgba(var(--valley-rgb), var(--alpha-16));
  --bg-valley-alpha-24: rgba(var(--valley-rgb), var(--alpha-24));
  --bg-valley-alpha-32: rgba(var(--valley-rgb), var(--alpha-32));
  --bg-valley-alpha-48: rgba(var(--valley-rgb), var(--alpha-48));
  --bg-valley-alpha-64: rgba(var(--valley-rgb), var(--alpha-64));
  --bg-valley-alpha-80: rgba(var(--valley-rgb), var(--alpha-80));

  --bg-meadow-alpha-08: rgba(var(--meadow-rgb), var(--alpha-08));
  --bg-meadow-alpha-16: rgba(var(--meadow-rgb), var(--alpha-16));
  --bg-meadow-alpha-24: rgba(var(--meadow-rgb), var(--alpha-24));
  --bg-meadow-alpha-32: rgba(var(--meadow-rgb), var(--alpha-32));
  --bg-meadow-alpha-48: rgba(var(--meadow-rgb), var(--alpha-48));
  --bg-meadow-alpha-64: rgba(var(--meadow-rgb), var(--alpha-64));
  --bg-meadow-alpha-80: rgba(var(--meadow-rgb), var(--alpha-80));

  --bg-seahaze-alpha-08: rgba(var(--seahaze-rgb), var(--alpha-08));
  --bg-seahaze-alpha-16: rgba(var(--seahaze-rgb), var(--alpha-16));
  --bg-seahaze-alpha-24: rgba(var(--seahaze-rgb), var(--alpha-24));
  --bg-seahaze-alpha-32: rgba(var(--seahaze-rgb), var(--alpha-32));
  --bg-seahaze-alpha-48: rgba(var(--seahaze-rgb), var(--alpha-48));
  --bg-seahaze-alpha-64: rgba(var(--seahaze-rgb), var(--alpha-64));
  --bg-seahaze-alpha-80: rgba(var(--seahaze-rgb), var(--alpha-80));

  --bg-dark-green-alpha-08: rgba(var(--dark-green-rgb), var(--alpha-08));
  --bg-dark-green-alpha-16: rgba(var(--dark-green-rgb), var(--alpha-16));
  --bg-dark-green-alpha-24: rgba(var(--dark-green-rgb), var(--alpha-24));
  --bg-dark-green-alpha-32: rgba(var(--dark-green-rgb), var(--alpha-32));
  --bg-dark-green-alpha-48: rgba(var(--dark-green-rgb), var(--alpha-48));
  --bg-dark-green-alpha-64: rgba(var(--dark-green-rgb), var(--alpha-64));
  --bg-dark-green-alpha-80: rgba(var(--dark-green-rgb), var(--alpha-80));

  --bg-super-alpha-08: rgba(var(--super-rgb), var(--alpha-08));
  --bg-super-alpha-16: rgba(var(--super-rgb), var(--alpha-16));
  --bg-super-alpha-24: rgba(var(--super-rgb), var(--alpha-24));
  --bg-super-alpha-32: rgba(var(--super-rgb), var(--alpha-32));
  --bg-super-alpha-48: rgba(var(--super-rgb), var(--alpha-48));
  --bg-super-alpha-64: rgba(var(--super-rgb), var(--alpha-64));
  --bg-super-alpha-80: rgba(var(--super-rgb), var(--alpha-80));

}

/* Status recipes: these are semantic by purpose, not generic aliases. */
:root {
  --success-bg: var(--wolverine-50);
  --success-text: var(--wolverine-900);
  --success-border: var(--wolverine-600);
  --success-icon: var(--wolverine-700);
  --success-heading: var(--wolverine-900);
  --success-link: var(--wolverine-700);

  --info-bg: var(--info-50);
  --info-text: var(--info-900);
  --info-border: var(--info-500);
  --info-icon: var(--info-700);
  --info-heading: var(--info-900);
  --info-link: var(--info-700);

  --warning-bg: var(--gold-50);
  --warning-text: var(--gold-900);
  --warning-border: var(--gold-700);
  --warning-icon: var(--gold-700);
  --warning-heading: var(--gold-900);
  --warning-link: var(--gold-700);

  --error-bg: var(--red-50);
  --error-text: var(--red-900);
  --error-border: var(--red-500);
  --error-icon: var(--red-700);
  --error-heading: var(--red-900);
  --error-link: var(--red-700);

  --tip-bg: var(--sage-50);
  --tip-text: var(--sage-900);
  --tip-border: var(--sage-500);
  --tip-icon: var(--sage-700);
  --tip-heading: var(--sage-900);
  --tip-link: var(--sage-700);

  --important-bg: var(--gold-100);
  --important-text: var(--gold-900);
  --important-border: var(--gold-700);
  --important-icon: var(--gold-800);
  --important-heading: var(--gold-900);
  --important-link: var(--gold-800);

  --feature-bg: var(--uvu-50);
  --feature-text: var(--uvu-900);
  --feature-border: var(--uvu-500);
  --feature-icon: var(--uvu-700);
  --feature-heading: var(--uvu-900);
  --feature-link: var(--uvu-700);

  --hint-bg: var(--seahaze-50);
  --hint-text: var(--seahaze-900);
  --hint-border: var(--seahaze-500);
  --hint-icon: var(--seahaze-700);
  --hint-heading: var(--seahaze-900);
  --hint-link: var(--seahaze-700);

  --cookie-bg: var(--light-grey);
  --cookie-text: var(--dark-grey);
  --cookie-border: var(--dark-grey);
  --cookie-icon: var(--uvu);
  --cookie-heading: var(--dark-grey);
  --cookie-link: var(--uvu);

}

[data-theme="dark"] {
  --success-bg: var(--wolverine-950);
  --success-text: var(--wolverine-100);
  --success-border: var(--wolverine-500);
  --success-icon: var(--wolverine-300);
  --success-heading: var(--wolverine-100);
  --success-link: var(--wolverine-300);

  --info-bg: var(--info-950);
  --info-text: var(--info-100);
  --info-border: var(--info-500);
  --info-icon: var(--info-300);
  --info-heading: var(--info-100);
  --info-link: var(--info-300);

  --warning-bg: var(--gold-950);
  --warning-text: var(--gold-100);
  --warning-border: var(--gold-500);
  --warning-icon: var(--gold-300);
  --warning-heading: var(--gold-100);
  --warning-link: var(--gold-300);

  --error-bg: var(--red-950);
  --error-text: var(--red-100);
  --error-border: var(--red-400);
  --error-icon: var(--red-300);
  --error-heading: var(--red-100);
  --error-link: var(--red-300);

  --tip-bg: var(--sage-950);
  --tip-text: var(--sage-100);
  --tip-border: var(--sage-400);
  --tip-icon: var(--sage-300);
  --tip-heading: var(--sage-100);
  --tip-link: var(--sage-300);

  --important-bg: var(--gold-900);
  --important-text: var(--gold-50);
  --important-border: var(--gold-400);
  --important-icon: var(--gold-200);
  --important-heading: var(--gold-50);
  --important-link: var(--gold-200);

  --feature-bg: var(--uvu-950);
  --feature-text: var(--uvu-100);
  --feature-border: var(--uvu-500);
  --feature-icon: var(--uvu-300);
  --feature-heading: var(--uvu-100);
  --feature-link: var(--uvu-300);

  --hint-bg: var(--seahaze-950);
  --hint-text: var(--seahaze-100);
  --hint-border: var(--seahaze-500);
  --hint-icon: var(--seahaze-300);
  --hint-heading: var(--seahaze-100);
  --hint-link: var(--seahaze-300);

  --cookie-bg: var(--super-900);
  --cookie-text: var(--off-white);
  --cookie-border: var(--super-400);
  --cookie-icon: var(--meadow);
  --cookie-heading: var(--off-white);
  --cookie-link: var(--meadow);

}

/* Direct color utility classes. */
.bg-uvu { background-color: var(--uvu); }
.text-uvu { color: var(--uvu); }
.border-uvu { border-color: var(--uvu); }
.bg-wolverine { background-color: var(--wolverine); }
.text-wolverine { color: var(--wolverine); }
.border-wolverine { border-color: var(--wolverine); }
.bg-valley { background-color: var(--valley); }
.text-valley { color: var(--valley); }
.border-valley { border-color: var(--valley); }
.bg-meadow { background-color: var(--meadow); }
.text-meadow { color: var(--meadow); }
.border-meadow { border-color: var(--meadow); }
.bg-seahaze { background-color: var(--seahaze); }
.text-seahaze { color: var(--seahaze); }
.border-seahaze { border-color: var(--seahaze); }
.bg-dark-green { background-color: var(--dark-green); }
.text-dark-green { color: var(--dark-green); }
.border-dark-green { border-color: var(--dark-green); }
.bg-super { background-color: var(--super); }
.text-super { color: var(--super); }
.border-super { border-color: var(--super); }
.bg-white { background-color: var(--white); }
.text-white { color: var(--white); }
.border-white { border-color: var(--white); }
.bg-off-white { background-color: var(--off-white); }
.text-off-white { color: var(--off-white); }
.border-off-white { border-color: var(--off-white); }
.bg-black { background-color: var(--black); }
.text-black { color: var(--black); }
.border-black { border-color: var(--black); }
.bg-dark-grey { background-color: var(--dark-grey); }
.text-dark-grey { color: var(--dark-grey); }
.border-dark-grey { border-color: var(--dark-grey); }
.bg-grey { background-color: var(--grey); }
.text-grey { color: var(--grey); }
.border-grey { border-color: var(--grey); }
.bg-light-grey { background-color: var(--light-grey); }
.text-light-grey { color: var(--light-grey); }
.border-light-grey { border-color: var(--light-grey); }
.bg-warm { background-color: var(--warm); }
.text-warm { color: var(--warm); }
.border-warm { border-color: var(--warm); }
.bg-sage { background-color: var(--sage); }
.text-sage { color: var(--sage); }
.border-sage { border-color: var(--sage); }
.bg-gold { background-color: var(--gold); }
.text-gold { color: var(--gold); }
.border-gold { border-color: var(--gold); }
.bg-red { background-color: var(--red); }
.text-red { color: var(--red); }
.border-red { border-color: var(--red); }
.bg-info { background-color: var(--info); }
.text-info { color: var(--info); }
.border-info { border-color: var(--info); }

/* UVU Green scale utilities */
.bg-uvu-50 { background-color: var(--uvu-50); }
.text-uvu-50 { color: var(--uvu-50); }
.border-uvu-50 { border-color: var(--uvu-50); }
.bg-uvu-50-alpha-08 { background-color: var(--bg-uvu-50-alpha-08); }
.bg-uvu-50-alpha-16 { background-color: var(--bg-uvu-50-alpha-16); }
.bg-uvu-50-alpha-24 { background-color: var(--bg-uvu-50-alpha-24); }
.bg-uvu-50-alpha-32 { background-color: var(--bg-uvu-50-alpha-32); }
.bg-uvu-50-alpha-48 { background-color: var(--bg-uvu-50-alpha-48); }
.bg-uvu-50-alpha-64 { background-color: var(--bg-uvu-50-alpha-64); }
.bg-uvu-50-alpha-80 { background-color: var(--bg-uvu-50-alpha-80); }
.bg-uvu-100 { background-color: var(--uvu-100); }
.text-uvu-100 { color: var(--uvu-100); }
.border-uvu-100 { border-color: var(--uvu-100); }
.bg-uvu-100-alpha-08 { background-color: var(--bg-uvu-100-alpha-08); }
.bg-uvu-100-alpha-16 { background-color: var(--bg-uvu-100-alpha-16); }
.bg-uvu-100-alpha-24 { background-color: var(--bg-uvu-100-alpha-24); }
.bg-uvu-100-alpha-32 { background-color: var(--bg-uvu-100-alpha-32); }
.bg-uvu-100-alpha-48 { background-color: var(--bg-uvu-100-alpha-48); }
.bg-uvu-100-alpha-64 { background-color: var(--bg-uvu-100-alpha-64); }
.bg-uvu-100-alpha-80 { background-color: var(--bg-uvu-100-alpha-80); }
.bg-uvu-200 { background-color: var(--uvu-200); }
.text-uvu-200 { color: var(--uvu-200); }
.border-uvu-200 { border-color: var(--uvu-200); }
.bg-uvu-200-alpha-08 { background-color: var(--bg-uvu-200-alpha-08); }
.bg-uvu-200-alpha-16 { background-color: var(--bg-uvu-200-alpha-16); }
.bg-uvu-200-alpha-24 { background-color: var(--bg-uvu-200-alpha-24); }
.bg-uvu-200-alpha-32 { background-color: var(--bg-uvu-200-alpha-32); }
.bg-uvu-200-alpha-48 { background-color: var(--bg-uvu-200-alpha-48); }
.bg-uvu-200-alpha-64 { background-color: var(--bg-uvu-200-alpha-64); }
.bg-uvu-200-alpha-80 { background-color: var(--bg-uvu-200-alpha-80); }
.bg-uvu-300 { background-color: var(--uvu-300); }
.text-uvu-300 { color: var(--uvu-300); }
.border-uvu-300 { border-color: var(--uvu-300); }
.bg-uvu-300-alpha-08 { background-color: var(--bg-uvu-300-alpha-08); }
.bg-uvu-300-alpha-16 { background-color: var(--bg-uvu-300-alpha-16); }
.bg-uvu-300-alpha-24 { background-color: var(--bg-uvu-300-alpha-24); }
.bg-uvu-300-alpha-32 { background-color: var(--bg-uvu-300-alpha-32); }
.bg-uvu-300-alpha-48 { background-color: var(--bg-uvu-300-alpha-48); }
.bg-uvu-300-alpha-64 { background-color: var(--bg-uvu-300-alpha-64); }
.bg-uvu-300-alpha-80 { background-color: var(--bg-uvu-300-alpha-80); }
.bg-uvu-400 { background-color: var(--uvu-400); }
.text-uvu-400 { color: var(--uvu-400); }
.border-uvu-400 { border-color: var(--uvu-400); }
.bg-uvu-400-alpha-08 { background-color: var(--bg-uvu-400-alpha-08); }
.bg-uvu-400-alpha-16 { background-color: var(--bg-uvu-400-alpha-16); }
.bg-uvu-400-alpha-24 { background-color: var(--bg-uvu-400-alpha-24); }
.bg-uvu-400-alpha-32 { background-color: var(--bg-uvu-400-alpha-32); }
.bg-uvu-400-alpha-48 { background-color: var(--bg-uvu-400-alpha-48); }
.bg-uvu-400-alpha-64 { background-color: var(--bg-uvu-400-alpha-64); }
.bg-uvu-400-alpha-80 { background-color: var(--bg-uvu-400-alpha-80); }
.bg-uvu-500 { background-color: var(--uvu-500); }
.text-uvu-500 { color: var(--uvu-500); }
.border-uvu-500 { border-color: var(--uvu-500); }
.bg-uvu-500-alpha-08 { background-color: var(--bg-uvu-500-alpha-08); }
.bg-uvu-500-alpha-16 { background-color: var(--bg-uvu-500-alpha-16); }
.bg-uvu-500-alpha-24 { background-color: var(--bg-uvu-500-alpha-24); }
.bg-uvu-500-alpha-32 { background-color: var(--bg-uvu-500-alpha-32); }
.bg-uvu-500-alpha-48 { background-color: var(--bg-uvu-500-alpha-48); }
.bg-uvu-500-alpha-64 { background-color: var(--bg-uvu-500-alpha-64); }
.bg-uvu-500-alpha-80 { background-color: var(--bg-uvu-500-alpha-80); }
.bg-uvu-600 { background-color: var(--uvu-600); }
.text-uvu-600 { color: var(--uvu-600); }
.border-uvu-600 { border-color: var(--uvu-600); }
.bg-uvu-600-alpha-08 { background-color: var(--bg-uvu-600-alpha-08); }
.bg-uvu-600-alpha-16 { background-color: var(--bg-uvu-600-alpha-16); }
.bg-uvu-600-alpha-24 { background-color: var(--bg-uvu-600-alpha-24); }
.bg-uvu-600-alpha-32 { background-color: var(--bg-uvu-600-alpha-32); }
.bg-uvu-600-alpha-48 { background-color: var(--bg-uvu-600-alpha-48); }
.bg-uvu-600-alpha-64 { background-color: var(--bg-uvu-600-alpha-64); }
.bg-uvu-600-alpha-80 { background-color: var(--bg-uvu-600-alpha-80); }
.bg-uvu-700 { background-color: var(--uvu-700); }
.text-uvu-700 { color: var(--uvu-700); }
.border-uvu-700 { border-color: var(--uvu-700); }
.bg-uvu-700-alpha-08 { background-color: var(--bg-uvu-700-alpha-08); }
.bg-uvu-700-alpha-16 { background-color: var(--bg-uvu-700-alpha-16); }
.bg-uvu-700-alpha-24 { background-color: var(--bg-uvu-700-alpha-24); }
.bg-uvu-700-alpha-32 { background-color: var(--bg-uvu-700-alpha-32); }
.bg-uvu-700-alpha-48 { background-color: var(--bg-uvu-700-alpha-48); }
.bg-uvu-700-alpha-64 { background-color: var(--bg-uvu-700-alpha-64); }
.bg-uvu-700-alpha-80 { background-color: var(--bg-uvu-700-alpha-80); }
.bg-uvu-800 { background-color: var(--uvu-800); }
.text-uvu-800 { color: var(--uvu-800); }
.border-uvu-800 { border-color: var(--uvu-800); }
.bg-uvu-800-alpha-08 { background-color: var(--bg-uvu-800-alpha-08); }
.bg-uvu-800-alpha-16 { background-color: var(--bg-uvu-800-alpha-16); }
.bg-uvu-800-alpha-24 { background-color: var(--bg-uvu-800-alpha-24); }
.bg-uvu-800-alpha-32 { background-color: var(--bg-uvu-800-alpha-32); }
.bg-uvu-800-alpha-48 { background-color: var(--bg-uvu-800-alpha-48); }
.bg-uvu-800-alpha-64 { background-color: var(--bg-uvu-800-alpha-64); }
.bg-uvu-800-alpha-80 { background-color: var(--bg-uvu-800-alpha-80); }
.bg-uvu-900 { background-color: var(--uvu-900); }
.text-uvu-900 { color: var(--uvu-900); }
.border-uvu-900 { border-color: var(--uvu-900); }
.bg-uvu-900-alpha-08 { background-color: var(--bg-uvu-900-alpha-08); }
.bg-uvu-900-alpha-16 { background-color: var(--bg-uvu-900-alpha-16); }
.bg-uvu-900-alpha-24 { background-color: var(--bg-uvu-900-alpha-24); }
.bg-uvu-900-alpha-32 { background-color: var(--bg-uvu-900-alpha-32); }
.bg-uvu-900-alpha-48 { background-color: var(--bg-uvu-900-alpha-48); }
.bg-uvu-900-alpha-64 { background-color: var(--bg-uvu-900-alpha-64); }
.bg-uvu-900-alpha-80 { background-color: var(--bg-uvu-900-alpha-80); }
.bg-uvu-950 { background-color: var(--uvu-950); }
.text-uvu-950 { color: var(--uvu-950); }
.border-uvu-950 { border-color: var(--uvu-950); }
.bg-uvu-950-alpha-08 { background-color: var(--bg-uvu-950-alpha-08); }
.bg-uvu-950-alpha-16 { background-color: var(--bg-uvu-950-alpha-16); }
.bg-uvu-950-alpha-24 { background-color: var(--bg-uvu-950-alpha-24); }
.bg-uvu-950-alpha-32 { background-color: var(--bg-uvu-950-alpha-32); }
.bg-uvu-950-alpha-48 { background-color: var(--bg-uvu-950-alpha-48); }
.bg-uvu-950-alpha-64 { background-color: var(--bg-uvu-950-alpha-64); }
.bg-uvu-950-alpha-80 { background-color: var(--bg-uvu-950-alpha-80); }

/* Wolverine Green scale utilities */
.bg-wolverine-50 { background-color: var(--wolverine-50); }
.text-wolverine-50 { color: var(--wolverine-50); }
.border-wolverine-50 { border-color: var(--wolverine-50); }
.bg-wolverine-50-alpha-08 { background-color: var(--bg-wolverine-50-alpha-08); }
.bg-wolverine-50-alpha-16 { background-color: var(--bg-wolverine-50-alpha-16); }
.bg-wolverine-50-alpha-24 { background-color: var(--bg-wolverine-50-alpha-24); }
.bg-wolverine-50-alpha-32 { background-color: var(--bg-wolverine-50-alpha-32); }
.bg-wolverine-50-alpha-48 { background-color: var(--bg-wolverine-50-alpha-48); }
.bg-wolverine-50-alpha-64 { background-color: var(--bg-wolverine-50-alpha-64); }
.bg-wolverine-50-alpha-80 { background-color: var(--bg-wolverine-50-alpha-80); }
.bg-wolverine-100 { background-color: var(--wolverine-100); }
.text-wolverine-100 { color: var(--wolverine-100); }
.border-wolverine-100 { border-color: var(--wolverine-100); }
.bg-wolverine-100-alpha-08 { background-color: var(--bg-wolverine-100-alpha-08); }
.bg-wolverine-100-alpha-16 { background-color: var(--bg-wolverine-100-alpha-16); }
.bg-wolverine-100-alpha-24 { background-color: var(--bg-wolverine-100-alpha-24); }
.bg-wolverine-100-alpha-32 { background-color: var(--bg-wolverine-100-alpha-32); }
.bg-wolverine-100-alpha-48 { background-color: var(--bg-wolverine-100-alpha-48); }
.bg-wolverine-100-alpha-64 { background-color: var(--bg-wolverine-100-alpha-64); }
.bg-wolverine-100-alpha-80 { background-color: var(--bg-wolverine-100-alpha-80); }
.bg-wolverine-200 { background-color: var(--wolverine-200); }
.text-wolverine-200 { color: var(--wolverine-200); }
.border-wolverine-200 { border-color: var(--wolverine-200); }
.bg-wolverine-200-alpha-08 { background-color: var(--bg-wolverine-200-alpha-08); }
.bg-wolverine-200-alpha-16 { background-color: var(--bg-wolverine-200-alpha-16); }
.bg-wolverine-200-alpha-24 { background-color: var(--bg-wolverine-200-alpha-24); }
.bg-wolverine-200-alpha-32 { background-color: var(--bg-wolverine-200-alpha-32); }
.bg-wolverine-200-alpha-48 { background-color: var(--bg-wolverine-200-alpha-48); }
.bg-wolverine-200-alpha-64 { background-color: var(--bg-wolverine-200-alpha-64); }
.bg-wolverine-200-alpha-80 { background-color: var(--bg-wolverine-200-alpha-80); }
.bg-wolverine-300 { background-color: var(--wolverine-300); }
.text-wolverine-300 { color: var(--wolverine-300); }
.border-wolverine-300 { border-color: var(--wolverine-300); }
.bg-wolverine-300-alpha-08 { background-color: var(--bg-wolverine-300-alpha-08); }
.bg-wolverine-300-alpha-16 { background-color: var(--bg-wolverine-300-alpha-16); }
.bg-wolverine-300-alpha-24 { background-color: var(--bg-wolverine-300-alpha-24); }
.bg-wolverine-300-alpha-32 { background-color: var(--bg-wolverine-300-alpha-32); }
.bg-wolverine-300-alpha-48 { background-color: var(--bg-wolverine-300-alpha-48); }
.bg-wolverine-300-alpha-64 { background-color: var(--bg-wolverine-300-alpha-64); }
.bg-wolverine-300-alpha-80 { background-color: var(--bg-wolverine-300-alpha-80); }
.bg-wolverine-400 { background-color: var(--wolverine-400); }
.text-wolverine-400 { color: var(--wolverine-400); }
.border-wolverine-400 { border-color: var(--wolverine-400); }
.bg-wolverine-400-alpha-08 { background-color: var(--bg-wolverine-400-alpha-08); }
.bg-wolverine-400-alpha-16 { background-color: var(--bg-wolverine-400-alpha-16); }
.bg-wolverine-400-alpha-24 { background-color: var(--bg-wolverine-400-alpha-24); }
.bg-wolverine-400-alpha-32 { background-color: var(--bg-wolverine-400-alpha-32); }
.bg-wolverine-400-alpha-48 { background-color: var(--bg-wolverine-400-alpha-48); }
.bg-wolverine-400-alpha-64 { background-color: var(--bg-wolverine-400-alpha-64); }
.bg-wolverine-400-alpha-80 { background-color: var(--bg-wolverine-400-alpha-80); }
.bg-wolverine-500 { background-color: var(--wolverine-500); }
.text-wolverine-500 { color: var(--wolverine-500); }
.border-wolverine-500 { border-color: var(--wolverine-500); }
.bg-wolverine-500-alpha-08 { background-color: var(--bg-wolverine-500-alpha-08); }
.bg-wolverine-500-alpha-16 { background-color: var(--bg-wolverine-500-alpha-16); }
.bg-wolverine-500-alpha-24 { background-color: var(--bg-wolverine-500-alpha-24); }
.bg-wolverine-500-alpha-32 { background-color: var(--bg-wolverine-500-alpha-32); }
.bg-wolverine-500-alpha-48 { background-color: var(--bg-wolverine-500-alpha-48); }
.bg-wolverine-500-alpha-64 { background-color: var(--bg-wolverine-500-alpha-64); }
.bg-wolverine-500-alpha-80 { background-color: var(--bg-wolverine-500-alpha-80); }
.bg-wolverine-600 { background-color: var(--wolverine-600); }
.text-wolverine-600 { color: var(--wolverine-600); }
.border-wolverine-600 { border-color: var(--wolverine-600); }
.bg-wolverine-600-alpha-08 { background-color: var(--bg-wolverine-600-alpha-08); }
.bg-wolverine-600-alpha-16 { background-color: var(--bg-wolverine-600-alpha-16); }
.bg-wolverine-600-alpha-24 { background-color: var(--bg-wolverine-600-alpha-24); }
.bg-wolverine-600-alpha-32 { background-color: var(--bg-wolverine-600-alpha-32); }
.bg-wolverine-600-alpha-48 { background-color: var(--bg-wolverine-600-alpha-48); }
.bg-wolverine-600-alpha-64 { background-color: var(--bg-wolverine-600-alpha-64); }
.bg-wolverine-600-alpha-80 { background-color: var(--bg-wolverine-600-alpha-80); }
.bg-wolverine-700 { background-color: var(--wolverine-700); }
.text-wolverine-700 { color: var(--wolverine-700); }
.border-wolverine-700 { border-color: var(--wolverine-700); }
.bg-wolverine-700-alpha-08 { background-color: var(--bg-wolverine-700-alpha-08); }
.bg-wolverine-700-alpha-16 { background-color: var(--bg-wolverine-700-alpha-16); }
.bg-wolverine-700-alpha-24 { background-color: var(--bg-wolverine-700-alpha-24); }
.bg-wolverine-700-alpha-32 { background-color: var(--bg-wolverine-700-alpha-32); }
.bg-wolverine-700-alpha-48 { background-color: var(--bg-wolverine-700-alpha-48); }
.bg-wolverine-700-alpha-64 { background-color: var(--bg-wolverine-700-alpha-64); }
.bg-wolverine-700-alpha-80 { background-color: var(--bg-wolverine-700-alpha-80); }
.bg-wolverine-800 { background-color: var(--wolverine-800); }
.text-wolverine-800 { color: var(--wolverine-800); }
.border-wolverine-800 { border-color: var(--wolverine-800); }
.bg-wolverine-800-alpha-08 { background-color: var(--bg-wolverine-800-alpha-08); }
.bg-wolverine-800-alpha-16 { background-color: var(--bg-wolverine-800-alpha-16); }
.bg-wolverine-800-alpha-24 { background-color: var(--bg-wolverine-800-alpha-24); }
.bg-wolverine-800-alpha-32 { background-color: var(--bg-wolverine-800-alpha-32); }
.bg-wolverine-800-alpha-48 { background-color: var(--bg-wolverine-800-alpha-48); }
.bg-wolverine-800-alpha-64 { background-color: var(--bg-wolverine-800-alpha-64); }
.bg-wolverine-800-alpha-80 { background-color: var(--bg-wolverine-800-alpha-80); }
.bg-wolverine-900 { background-color: var(--wolverine-900); }
.text-wolverine-900 { color: var(--wolverine-900); }
.border-wolverine-900 { border-color: var(--wolverine-900); }
.bg-wolverine-900-alpha-08 { background-color: var(--bg-wolverine-900-alpha-08); }
.bg-wolverine-900-alpha-16 { background-color: var(--bg-wolverine-900-alpha-16); }
.bg-wolverine-900-alpha-24 { background-color: var(--bg-wolverine-900-alpha-24); }
.bg-wolverine-900-alpha-32 { background-color: var(--bg-wolverine-900-alpha-32); }
.bg-wolverine-900-alpha-48 { background-color: var(--bg-wolverine-900-alpha-48); }
.bg-wolverine-900-alpha-64 { background-color: var(--bg-wolverine-900-alpha-64); }
.bg-wolverine-900-alpha-80 { background-color: var(--bg-wolverine-900-alpha-80); }
.bg-wolverine-950 { background-color: var(--wolverine-950); }
.text-wolverine-950 { color: var(--wolverine-950); }
.border-wolverine-950 { border-color: var(--wolverine-950); }
.bg-wolverine-950-alpha-08 { background-color: var(--bg-wolverine-950-alpha-08); }
.bg-wolverine-950-alpha-16 { background-color: var(--bg-wolverine-950-alpha-16); }
.bg-wolverine-950-alpha-24 { background-color: var(--bg-wolverine-950-alpha-24); }
.bg-wolverine-950-alpha-32 { background-color: var(--bg-wolverine-950-alpha-32); }
.bg-wolverine-950-alpha-48 { background-color: var(--bg-wolverine-950-alpha-48); }
.bg-wolverine-950-alpha-64 { background-color: var(--bg-wolverine-950-alpha-64); }
.bg-wolverine-950-alpha-80 { background-color: var(--bg-wolverine-950-alpha-80); }

/* Valley Green scale utilities */
.bg-valley-50 { background-color: var(--valley-50); }
.text-valley-50 { color: var(--valley-50); }
.border-valley-50 { border-color: var(--valley-50); }
.bg-valley-50-alpha-08 { background-color: var(--bg-valley-50-alpha-08); }
.bg-valley-50-alpha-16 { background-color: var(--bg-valley-50-alpha-16); }
.bg-valley-50-alpha-24 { background-color: var(--bg-valley-50-alpha-24); }
.bg-valley-50-alpha-32 { background-color: var(--bg-valley-50-alpha-32); }
.bg-valley-50-alpha-48 { background-color: var(--bg-valley-50-alpha-48); }
.bg-valley-50-alpha-64 { background-color: var(--bg-valley-50-alpha-64); }
.bg-valley-50-alpha-80 { background-color: var(--bg-valley-50-alpha-80); }
.bg-valley-100 { background-color: var(--valley-100); }
.text-valley-100 { color: var(--valley-100); }
.border-valley-100 { border-color: var(--valley-100); }
.bg-valley-100-alpha-08 { background-color: var(--bg-valley-100-alpha-08); }
.bg-valley-100-alpha-16 { background-color: var(--bg-valley-100-alpha-16); }
.bg-valley-100-alpha-24 { background-color: var(--bg-valley-100-alpha-24); }
.bg-valley-100-alpha-32 { background-color: var(--bg-valley-100-alpha-32); }
.bg-valley-100-alpha-48 { background-color: var(--bg-valley-100-alpha-48); }
.bg-valley-100-alpha-64 { background-color: var(--bg-valley-100-alpha-64); }
.bg-valley-100-alpha-80 { background-color: var(--bg-valley-100-alpha-80); }
.bg-valley-200 { background-color: var(--valley-200); }
.text-valley-200 { color: var(--valley-200); }
.border-valley-200 { border-color: var(--valley-200); }
.bg-valley-200-alpha-08 { background-color: var(--bg-valley-200-alpha-08); }
.bg-valley-200-alpha-16 { background-color: var(--bg-valley-200-alpha-16); }
.bg-valley-200-alpha-24 { background-color: var(--bg-valley-200-alpha-24); }
.bg-valley-200-alpha-32 { background-color: var(--bg-valley-200-alpha-32); }
.bg-valley-200-alpha-48 { background-color: var(--bg-valley-200-alpha-48); }
.bg-valley-200-alpha-64 { background-color: var(--bg-valley-200-alpha-64); }
.bg-valley-200-alpha-80 { background-color: var(--bg-valley-200-alpha-80); }
.bg-valley-300 { background-color: var(--valley-300); }
.text-valley-300 { color: var(--valley-300); }
.border-valley-300 { border-color: var(--valley-300); }
.bg-valley-300-alpha-08 { background-color: var(--bg-valley-300-alpha-08); }
.bg-valley-300-alpha-16 { background-color: var(--bg-valley-300-alpha-16); }
.bg-valley-300-alpha-24 { background-color: var(--bg-valley-300-alpha-24); }
.bg-valley-300-alpha-32 { background-color: var(--bg-valley-300-alpha-32); }
.bg-valley-300-alpha-48 { background-color: var(--bg-valley-300-alpha-48); }
.bg-valley-300-alpha-64 { background-color: var(--bg-valley-300-alpha-64); }
.bg-valley-300-alpha-80 { background-color: var(--bg-valley-300-alpha-80); }
.bg-valley-400 { background-color: var(--valley-400); }
.text-valley-400 { color: var(--valley-400); }
.border-valley-400 { border-color: var(--valley-400); }
.bg-valley-400-alpha-08 { background-color: var(--bg-valley-400-alpha-08); }
.bg-valley-400-alpha-16 { background-color: var(--bg-valley-400-alpha-16); }
.bg-valley-400-alpha-24 { background-color: var(--bg-valley-400-alpha-24); }
.bg-valley-400-alpha-32 { background-color: var(--bg-valley-400-alpha-32); }
.bg-valley-400-alpha-48 { background-color: var(--bg-valley-400-alpha-48); }
.bg-valley-400-alpha-64 { background-color: var(--bg-valley-400-alpha-64); }
.bg-valley-400-alpha-80 { background-color: var(--bg-valley-400-alpha-80); }
.bg-valley-500 { background-color: var(--valley-500); }
.text-valley-500 { color: var(--valley-500); }
.border-valley-500 { border-color: var(--valley-500); }
.bg-valley-500-alpha-08 { background-color: var(--bg-valley-500-alpha-08); }
.bg-valley-500-alpha-16 { background-color: var(--bg-valley-500-alpha-16); }
.bg-valley-500-alpha-24 { background-color: var(--bg-valley-500-alpha-24); }
.bg-valley-500-alpha-32 { background-color: var(--bg-valley-500-alpha-32); }
.bg-valley-500-alpha-48 { background-color: var(--bg-valley-500-alpha-48); }
.bg-valley-500-alpha-64 { background-color: var(--bg-valley-500-alpha-64); }
.bg-valley-500-alpha-80 { background-color: var(--bg-valley-500-alpha-80); }
.bg-valley-600 { background-color: var(--valley-600); }
.text-valley-600 { color: var(--valley-600); }
.border-valley-600 { border-color: var(--valley-600); }
.bg-valley-600-alpha-08 { background-color: var(--bg-valley-600-alpha-08); }
.bg-valley-600-alpha-16 { background-color: var(--bg-valley-600-alpha-16); }
.bg-valley-600-alpha-24 { background-color: var(--bg-valley-600-alpha-24); }
.bg-valley-600-alpha-32 { background-color: var(--bg-valley-600-alpha-32); }
.bg-valley-600-alpha-48 { background-color: var(--bg-valley-600-alpha-48); }
.bg-valley-600-alpha-64 { background-color: var(--bg-valley-600-alpha-64); }
.bg-valley-600-alpha-80 { background-color: var(--bg-valley-600-alpha-80); }
.bg-valley-700 { background-color: var(--valley-700); }
.text-valley-700 { color: var(--valley-700); }
.border-valley-700 { border-color: var(--valley-700); }
.bg-valley-700-alpha-08 { background-color: var(--bg-valley-700-alpha-08); }
.bg-valley-700-alpha-16 { background-color: var(--bg-valley-700-alpha-16); }
.bg-valley-700-alpha-24 { background-color: var(--bg-valley-700-alpha-24); }
.bg-valley-700-alpha-32 { background-color: var(--bg-valley-700-alpha-32); }
.bg-valley-700-alpha-48 { background-color: var(--bg-valley-700-alpha-48); }
.bg-valley-700-alpha-64 { background-color: var(--bg-valley-700-alpha-64); }
.bg-valley-700-alpha-80 { background-color: var(--bg-valley-700-alpha-80); }
.bg-valley-800 { background-color: var(--valley-800); }
.text-valley-800 { color: var(--valley-800); }
.border-valley-800 { border-color: var(--valley-800); }
.bg-valley-800-alpha-08 { background-color: var(--bg-valley-800-alpha-08); }
.bg-valley-800-alpha-16 { background-color: var(--bg-valley-800-alpha-16); }
.bg-valley-800-alpha-24 { background-color: var(--bg-valley-800-alpha-24); }
.bg-valley-800-alpha-32 { background-color: var(--bg-valley-800-alpha-32); }
.bg-valley-800-alpha-48 { background-color: var(--bg-valley-800-alpha-48); }
.bg-valley-800-alpha-64 { background-color: var(--bg-valley-800-alpha-64); }
.bg-valley-800-alpha-80 { background-color: var(--bg-valley-800-alpha-80); }
.bg-valley-900 { background-color: var(--valley-900); }
.text-valley-900 { color: var(--valley-900); }
.border-valley-900 { border-color: var(--valley-900); }
.bg-valley-900-alpha-08 { background-color: var(--bg-valley-900-alpha-08); }
.bg-valley-900-alpha-16 { background-color: var(--bg-valley-900-alpha-16); }
.bg-valley-900-alpha-24 { background-color: var(--bg-valley-900-alpha-24); }
.bg-valley-900-alpha-32 { background-color: var(--bg-valley-900-alpha-32); }
.bg-valley-900-alpha-48 { background-color: var(--bg-valley-900-alpha-48); }
.bg-valley-900-alpha-64 { background-color: var(--bg-valley-900-alpha-64); }
.bg-valley-900-alpha-80 { background-color: var(--bg-valley-900-alpha-80); }
.bg-valley-950 { background-color: var(--valley-950); }
.text-valley-950 { color: var(--valley-950); }
.border-valley-950 { border-color: var(--valley-950); }
.bg-valley-950-alpha-08 { background-color: var(--bg-valley-950-alpha-08); }
.bg-valley-950-alpha-16 { background-color: var(--bg-valley-950-alpha-16); }
.bg-valley-950-alpha-24 { background-color: var(--bg-valley-950-alpha-24); }
.bg-valley-950-alpha-32 { background-color: var(--bg-valley-950-alpha-32); }
.bg-valley-950-alpha-48 { background-color: var(--bg-valley-950-alpha-48); }
.bg-valley-950-alpha-64 { background-color: var(--bg-valley-950-alpha-64); }
.bg-valley-950-alpha-80 { background-color: var(--bg-valley-950-alpha-80); }

/* Meadow Green scale utilities */
.bg-meadow-50 { background-color: var(--meadow-50); }
.text-meadow-50 { color: var(--meadow-50); }
.border-meadow-50 { border-color: var(--meadow-50); }
.bg-meadow-50-alpha-08 { background-color: var(--bg-meadow-50-alpha-08); }
.bg-meadow-50-alpha-16 { background-color: var(--bg-meadow-50-alpha-16); }
.bg-meadow-50-alpha-24 { background-color: var(--bg-meadow-50-alpha-24); }
.bg-meadow-50-alpha-32 { background-color: var(--bg-meadow-50-alpha-32); }
.bg-meadow-50-alpha-48 { background-color: var(--bg-meadow-50-alpha-48); }
.bg-meadow-50-alpha-64 { background-color: var(--bg-meadow-50-alpha-64); }
.bg-meadow-50-alpha-80 { background-color: var(--bg-meadow-50-alpha-80); }
.bg-meadow-100 { background-color: var(--meadow-100); }
.text-meadow-100 { color: var(--meadow-100); }
.border-meadow-100 { border-color: var(--meadow-100); }
.bg-meadow-100-alpha-08 { background-color: var(--bg-meadow-100-alpha-08); }
.bg-meadow-100-alpha-16 { background-color: var(--bg-meadow-100-alpha-16); }
.bg-meadow-100-alpha-24 { background-color: var(--bg-meadow-100-alpha-24); }
.bg-meadow-100-alpha-32 { background-color: var(--bg-meadow-100-alpha-32); }
.bg-meadow-100-alpha-48 { background-color: var(--bg-meadow-100-alpha-48); }
.bg-meadow-100-alpha-64 { background-color: var(--bg-meadow-100-alpha-64); }
.bg-meadow-100-alpha-80 { background-color: var(--bg-meadow-100-alpha-80); }
.bg-meadow-200 { background-color: var(--meadow-200); }
.text-meadow-200 { color: var(--meadow-200); }
.border-meadow-200 { border-color: var(--meadow-200); }
.bg-meadow-200-alpha-08 { background-color: var(--bg-meadow-200-alpha-08); }
.bg-meadow-200-alpha-16 { background-color: var(--bg-meadow-200-alpha-16); }
.bg-meadow-200-alpha-24 { background-color: var(--bg-meadow-200-alpha-24); }
.bg-meadow-200-alpha-32 { background-color: var(--bg-meadow-200-alpha-32); }
.bg-meadow-200-alpha-48 { background-color: var(--bg-meadow-200-alpha-48); }
.bg-meadow-200-alpha-64 { background-color: var(--bg-meadow-200-alpha-64); }
.bg-meadow-200-alpha-80 { background-color: var(--bg-meadow-200-alpha-80); }
.bg-meadow-300 { background-color: var(--meadow-300); }
.text-meadow-300 { color: var(--meadow-300); }
.border-meadow-300 { border-color: var(--meadow-300); }
.bg-meadow-300-alpha-08 { background-color: var(--bg-meadow-300-alpha-08); }
.bg-meadow-300-alpha-16 { background-color: var(--bg-meadow-300-alpha-16); }
.bg-meadow-300-alpha-24 { background-color: var(--bg-meadow-300-alpha-24); }
.bg-meadow-300-alpha-32 { background-color: var(--bg-meadow-300-alpha-32); }
.bg-meadow-300-alpha-48 { background-color: var(--bg-meadow-300-alpha-48); }
.bg-meadow-300-alpha-64 { background-color: var(--bg-meadow-300-alpha-64); }
.bg-meadow-300-alpha-80 { background-color: var(--bg-meadow-300-alpha-80); }
.bg-meadow-400 { background-color: var(--meadow-400); }
.text-meadow-400 { color: var(--meadow-400); }
.border-meadow-400 { border-color: var(--meadow-400); }
.bg-meadow-400-alpha-08 { background-color: var(--bg-meadow-400-alpha-08); }
.bg-meadow-400-alpha-16 { background-color: var(--bg-meadow-400-alpha-16); }
.bg-meadow-400-alpha-24 { background-color: var(--bg-meadow-400-alpha-24); }
.bg-meadow-400-alpha-32 { background-color: var(--bg-meadow-400-alpha-32); }
.bg-meadow-400-alpha-48 { background-color: var(--bg-meadow-400-alpha-48); }
.bg-meadow-400-alpha-64 { background-color: var(--bg-meadow-400-alpha-64); }
.bg-meadow-400-alpha-80 { background-color: var(--bg-meadow-400-alpha-80); }
.bg-meadow-500 { background-color: var(--meadow-500); }
.text-meadow-500 { color: var(--meadow-500); }
.border-meadow-500 { border-color: var(--meadow-500); }
.bg-meadow-500-alpha-08 { background-color: var(--bg-meadow-500-alpha-08); }
.bg-meadow-500-alpha-16 { background-color: var(--bg-meadow-500-alpha-16); }
.bg-meadow-500-alpha-24 { background-color: var(--bg-meadow-500-alpha-24); }
.bg-meadow-500-alpha-32 { background-color: var(--bg-meadow-500-alpha-32); }
.bg-meadow-500-alpha-48 { background-color: var(--bg-meadow-500-alpha-48); }
.bg-meadow-500-alpha-64 { background-color: var(--bg-meadow-500-alpha-64); }
.bg-meadow-500-alpha-80 { background-color: var(--bg-meadow-500-alpha-80); }
.bg-meadow-600 { background-color: var(--meadow-600); }
.text-meadow-600 { color: var(--meadow-600); }
.border-meadow-600 { border-color: var(--meadow-600); }
.bg-meadow-600-alpha-08 { background-color: var(--bg-meadow-600-alpha-08); }
.bg-meadow-600-alpha-16 { background-color: var(--bg-meadow-600-alpha-16); }
.bg-meadow-600-alpha-24 { background-color: var(--bg-meadow-600-alpha-24); }
.bg-meadow-600-alpha-32 { background-color: var(--bg-meadow-600-alpha-32); }
.bg-meadow-600-alpha-48 { background-color: var(--bg-meadow-600-alpha-48); }
.bg-meadow-600-alpha-64 { background-color: var(--bg-meadow-600-alpha-64); }
.bg-meadow-600-alpha-80 { background-color: var(--bg-meadow-600-alpha-80); }
.bg-meadow-700 { background-color: var(--meadow-700); }
.text-meadow-700 { color: var(--meadow-700); }
.border-meadow-700 { border-color: var(--meadow-700); }
.bg-meadow-700-alpha-08 { background-color: var(--bg-meadow-700-alpha-08); }
.bg-meadow-700-alpha-16 { background-color: var(--bg-meadow-700-alpha-16); }
.bg-meadow-700-alpha-24 { background-color: var(--bg-meadow-700-alpha-24); }
.bg-meadow-700-alpha-32 { background-color: var(--bg-meadow-700-alpha-32); }
.bg-meadow-700-alpha-48 { background-color: var(--bg-meadow-700-alpha-48); }
.bg-meadow-700-alpha-64 { background-color: var(--bg-meadow-700-alpha-64); }
.bg-meadow-700-alpha-80 { background-color: var(--bg-meadow-700-alpha-80); }
.bg-meadow-800 { background-color: var(--meadow-800); }
.text-meadow-800 { color: var(--meadow-800); }
.border-meadow-800 { border-color: var(--meadow-800); }
.bg-meadow-800-alpha-08 { background-color: var(--bg-meadow-800-alpha-08); }
.bg-meadow-800-alpha-16 { background-color: var(--bg-meadow-800-alpha-16); }
.bg-meadow-800-alpha-24 { background-color: var(--bg-meadow-800-alpha-24); }
.bg-meadow-800-alpha-32 { background-color: var(--bg-meadow-800-alpha-32); }
.bg-meadow-800-alpha-48 { background-color: var(--bg-meadow-800-alpha-48); }
.bg-meadow-800-alpha-64 { background-color: var(--bg-meadow-800-alpha-64); }
.bg-meadow-800-alpha-80 { background-color: var(--bg-meadow-800-alpha-80); }
.bg-meadow-900 { background-color: var(--meadow-900); }
.text-meadow-900 { color: var(--meadow-900); }
.border-meadow-900 { border-color: var(--meadow-900); }
.bg-meadow-900-alpha-08 { background-color: var(--bg-meadow-900-alpha-08); }
.bg-meadow-900-alpha-16 { background-color: var(--bg-meadow-900-alpha-16); }
.bg-meadow-900-alpha-24 { background-color: var(--bg-meadow-900-alpha-24); }
.bg-meadow-900-alpha-32 { background-color: var(--bg-meadow-900-alpha-32); }
.bg-meadow-900-alpha-48 { background-color: var(--bg-meadow-900-alpha-48); }
.bg-meadow-900-alpha-64 { background-color: var(--bg-meadow-900-alpha-64); }
.bg-meadow-900-alpha-80 { background-color: var(--bg-meadow-900-alpha-80); }
.bg-meadow-950 { background-color: var(--meadow-950); }
.text-meadow-950 { color: var(--meadow-950); }
.border-meadow-950 { border-color: var(--meadow-950); }
.bg-meadow-950-alpha-08 { background-color: var(--bg-meadow-950-alpha-08); }
.bg-meadow-950-alpha-16 { background-color: var(--bg-meadow-950-alpha-16); }
.bg-meadow-950-alpha-24 { background-color: var(--bg-meadow-950-alpha-24); }
.bg-meadow-950-alpha-32 { background-color: var(--bg-meadow-950-alpha-32); }
.bg-meadow-950-alpha-48 { background-color: var(--bg-meadow-950-alpha-48); }
.bg-meadow-950-alpha-64 { background-color: var(--bg-meadow-950-alpha-64); }
.bg-meadow-950-alpha-80 { background-color: var(--bg-meadow-950-alpha-80); }

/* Seahaze Green scale utilities */
.bg-seahaze-50 { background-color: var(--seahaze-50); }
.text-seahaze-50 { color: var(--seahaze-50); }
.border-seahaze-50 { border-color: var(--seahaze-50); }
.bg-seahaze-50-alpha-08 { background-color: var(--bg-seahaze-50-alpha-08); }
.bg-seahaze-50-alpha-16 { background-color: var(--bg-seahaze-50-alpha-16); }
.bg-seahaze-50-alpha-24 { background-color: var(--bg-seahaze-50-alpha-24); }
.bg-seahaze-50-alpha-32 { background-color: var(--bg-seahaze-50-alpha-32); }
.bg-seahaze-50-alpha-48 { background-color: var(--bg-seahaze-50-alpha-48); }
.bg-seahaze-50-alpha-64 { background-color: var(--bg-seahaze-50-alpha-64); }
.bg-seahaze-50-alpha-80 { background-color: var(--bg-seahaze-50-alpha-80); }
.bg-seahaze-100 { background-color: var(--seahaze-100); }
.text-seahaze-100 { color: var(--seahaze-100); }
.border-seahaze-100 { border-color: var(--seahaze-100); }
.bg-seahaze-100-alpha-08 { background-color: var(--bg-seahaze-100-alpha-08); }
.bg-seahaze-100-alpha-16 { background-color: var(--bg-seahaze-100-alpha-16); }
.bg-seahaze-100-alpha-24 { background-color: var(--bg-seahaze-100-alpha-24); }
.bg-seahaze-100-alpha-32 { background-color: var(--bg-seahaze-100-alpha-32); }
.bg-seahaze-100-alpha-48 { background-color: var(--bg-seahaze-100-alpha-48); }
.bg-seahaze-100-alpha-64 { background-color: var(--bg-seahaze-100-alpha-64); }
.bg-seahaze-100-alpha-80 { background-color: var(--bg-seahaze-100-alpha-80); }
.bg-seahaze-200 { background-color: var(--seahaze-200); }
.text-seahaze-200 { color: var(--seahaze-200); }
.border-seahaze-200 { border-color: var(--seahaze-200); }
.bg-seahaze-200-alpha-08 { background-color: var(--bg-seahaze-200-alpha-08); }
.bg-seahaze-200-alpha-16 { background-color: var(--bg-seahaze-200-alpha-16); }
.bg-seahaze-200-alpha-24 { background-color: var(--bg-seahaze-200-alpha-24); }
.bg-seahaze-200-alpha-32 { background-color: var(--bg-seahaze-200-alpha-32); }
.bg-seahaze-200-alpha-48 { background-color: var(--bg-seahaze-200-alpha-48); }
.bg-seahaze-200-alpha-64 { background-color: var(--bg-seahaze-200-alpha-64); }
.bg-seahaze-200-alpha-80 { background-color: var(--bg-seahaze-200-alpha-80); }
.bg-seahaze-300 { background-color: var(--seahaze-300); }
.text-seahaze-300 { color: var(--seahaze-300); }
.border-seahaze-300 { border-color: var(--seahaze-300); }
.bg-seahaze-300-alpha-08 { background-color: var(--bg-seahaze-300-alpha-08); }
.bg-seahaze-300-alpha-16 { background-color: var(--bg-seahaze-300-alpha-16); }
.bg-seahaze-300-alpha-24 { background-color: var(--bg-seahaze-300-alpha-24); }
.bg-seahaze-300-alpha-32 { background-color: var(--bg-seahaze-300-alpha-32); }
.bg-seahaze-300-alpha-48 { background-color: var(--bg-seahaze-300-alpha-48); }
.bg-seahaze-300-alpha-64 { background-color: var(--bg-seahaze-300-alpha-64); }
.bg-seahaze-300-alpha-80 { background-color: var(--bg-seahaze-300-alpha-80); }
.bg-seahaze-400 { background-color: var(--seahaze-400); }
.text-seahaze-400 { color: var(--seahaze-400); }
.border-seahaze-400 { border-color: var(--seahaze-400); }
.bg-seahaze-400-alpha-08 { background-color: var(--bg-seahaze-400-alpha-08); }
.bg-seahaze-400-alpha-16 { background-color: var(--bg-seahaze-400-alpha-16); }
.bg-seahaze-400-alpha-24 { background-color: var(--bg-seahaze-400-alpha-24); }
.bg-seahaze-400-alpha-32 { background-color: var(--bg-seahaze-400-alpha-32); }
.bg-seahaze-400-alpha-48 { background-color: var(--bg-seahaze-400-alpha-48); }
.bg-seahaze-400-alpha-64 { background-color: var(--bg-seahaze-400-alpha-64); }
.bg-seahaze-400-alpha-80 { background-color: var(--bg-seahaze-400-alpha-80); }
.bg-seahaze-500 { background-color: var(--seahaze-500); }
.text-seahaze-500 { color: var(--seahaze-500); }
.border-seahaze-500 { border-color: var(--seahaze-500); }
.bg-seahaze-500-alpha-08 { background-color: var(--bg-seahaze-500-alpha-08); }
.bg-seahaze-500-alpha-16 { background-color: var(--bg-seahaze-500-alpha-16); }
.bg-seahaze-500-alpha-24 { background-color: var(--bg-seahaze-500-alpha-24); }
.bg-seahaze-500-alpha-32 { background-color: var(--bg-seahaze-500-alpha-32); }
.bg-seahaze-500-alpha-48 { background-color: var(--bg-seahaze-500-alpha-48); }
.bg-seahaze-500-alpha-64 { background-color: var(--bg-seahaze-500-alpha-64); }
.bg-seahaze-500-alpha-80 { background-color: var(--bg-seahaze-500-alpha-80); }
.bg-seahaze-600 { background-color: var(--seahaze-600); }
.text-seahaze-600 { color: var(--seahaze-600); }
.border-seahaze-600 { border-color: var(--seahaze-600); }
.bg-seahaze-600-alpha-08 { background-color: var(--bg-seahaze-600-alpha-08); }
.bg-seahaze-600-alpha-16 { background-color: var(--bg-seahaze-600-alpha-16); }
.bg-seahaze-600-alpha-24 { background-color: var(--bg-seahaze-600-alpha-24); }
.bg-seahaze-600-alpha-32 { background-color: var(--bg-seahaze-600-alpha-32); }
.bg-seahaze-600-alpha-48 { background-color: var(--bg-seahaze-600-alpha-48); }
.bg-seahaze-600-alpha-64 { background-color: var(--bg-seahaze-600-alpha-64); }
.bg-seahaze-600-alpha-80 { background-color: var(--bg-seahaze-600-alpha-80); }
.bg-seahaze-700 { background-color: var(--seahaze-700); }
.text-seahaze-700 { color: var(--seahaze-700); }
.border-seahaze-700 { border-color: var(--seahaze-700); }
.bg-seahaze-700-alpha-08 { background-color: var(--bg-seahaze-700-alpha-08); }
.bg-seahaze-700-alpha-16 { background-color: var(--bg-seahaze-700-alpha-16); }
.bg-seahaze-700-alpha-24 { background-color: var(--bg-seahaze-700-alpha-24); }
.bg-seahaze-700-alpha-32 { background-color: var(--bg-seahaze-700-alpha-32); }
.bg-seahaze-700-alpha-48 { background-color: var(--bg-seahaze-700-alpha-48); }
.bg-seahaze-700-alpha-64 { background-color: var(--bg-seahaze-700-alpha-64); }
.bg-seahaze-700-alpha-80 { background-color: var(--bg-seahaze-700-alpha-80); }
.bg-seahaze-800 { background-color: var(--seahaze-800); }
.text-seahaze-800 { color: var(--seahaze-800); }
.border-seahaze-800 { border-color: var(--seahaze-800); }
.bg-seahaze-800-alpha-08 { background-color: var(--bg-seahaze-800-alpha-08); }
.bg-seahaze-800-alpha-16 { background-color: var(--bg-seahaze-800-alpha-16); }
.bg-seahaze-800-alpha-24 { background-color: var(--bg-seahaze-800-alpha-24); }
.bg-seahaze-800-alpha-32 { background-color: var(--bg-seahaze-800-alpha-32); }
.bg-seahaze-800-alpha-48 { background-color: var(--bg-seahaze-800-alpha-48); }
.bg-seahaze-800-alpha-64 { background-color: var(--bg-seahaze-800-alpha-64); }
.bg-seahaze-800-alpha-80 { background-color: var(--bg-seahaze-800-alpha-80); }
.bg-seahaze-900 { background-color: var(--seahaze-900); }
.text-seahaze-900 { color: var(--seahaze-900); }
.border-seahaze-900 { border-color: var(--seahaze-900); }
.bg-seahaze-900-alpha-08 { background-color: var(--bg-seahaze-900-alpha-08); }
.bg-seahaze-900-alpha-16 { background-color: var(--bg-seahaze-900-alpha-16); }
.bg-seahaze-900-alpha-24 { background-color: var(--bg-seahaze-900-alpha-24); }
.bg-seahaze-900-alpha-32 { background-color: var(--bg-seahaze-900-alpha-32); }
.bg-seahaze-900-alpha-48 { background-color: var(--bg-seahaze-900-alpha-48); }
.bg-seahaze-900-alpha-64 { background-color: var(--bg-seahaze-900-alpha-64); }
.bg-seahaze-900-alpha-80 { background-color: var(--bg-seahaze-900-alpha-80); }
.bg-seahaze-950 { background-color: var(--seahaze-950); }
.text-seahaze-950 { color: var(--seahaze-950); }
.border-seahaze-950 { border-color: var(--seahaze-950); }
.bg-seahaze-950-alpha-08 { background-color: var(--bg-seahaze-950-alpha-08); }
.bg-seahaze-950-alpha-16 { background-color: var(--bg-seahaze-950-alpha-16); }
.bg-seahaze-950-alpha-24 { background-color: var(--bg-seahaze-950-alpha-24); }
.bg-seahaze-950-alpha-32 { background-color: var(--bg-seahaze-950-alpha-32); }
.bg-seahaze-950-alpha-48 { background-color: var(--bg-seahaze-950-alpha-48); }
.bg-seahaze-950-alpha-64 { background-color: var(--bg-seahaze-950-alpha-64); }
.bg-seahaze-950-alpha-80 { background-color: var(--bg-seahaze-950-alpha-80); }

/* Dark Green scale utilities */
.bg-dark-green-50 { background-color: var(--dark-green-50); }
.text-dark-green-50 { color: var(--dark-green-50); }
.border-dark-green-50 { border-color: var(--dark-green-50); }
.bg-dark-green-50-alpha-08 { background-color: var(--bg-dark-green-50-alpha-08); }
.bg-dark-green-50-alpha-16 { background-color: var(--bg-dark-green-50-alpha-16); }
.bg-dark-green-50-alpha-24 { background-color: var(--bg-dark-green-50-alpha-24); }
.bg-dark-green-50-alpha-32 { background-color: var(--bg-dark-green-50-alpha-32); }
.bg-dark-green-50-alpha-48 { background-color: var(--bg-dark-green-50-alpha-48); }
.bg-dark-green-50-alpha-64 { background-color: var(--bg-dark-green-50-alpha-64); }
.bg-dark-green-50-alpha-80 { background-color: var(--bg-dark-green-50-alpha-80); }
.bg-dark-green-100 { background-color: var(--dark-green-100); }
.text-dark-green-100 { color: var(--dark-green-100); }
.border-dark-green-100 { border-color: var(--dark-green-100); }
.bg-dark-green-100-alpha-08 { background-color: var(--bg-dark-green-100-alpha-08); }
.bg-dark-green-100-alpha-16 { background-color: var(--bg-dark-green-100-alpha-16); }
.bg-dark-green-100-alpha-24 { background-color: var(--bg-dark-green-100-alpha-24); }
.bg-dark-green-100-alpha-32 { background-color: var(--bg-dark-green-100-alpha-32); }
.bg-dark-green-100-alpha-48 { background-color: var(--bg-dark-green-100-alpha-48); }
.bg-dark-green-100-alpha-64 { background-color: var(--bg-dark-green-100-alpha-64); }
.bg-dark-green-100-alpha-80 { background-color: var(--bg-dark-green-100-alpha-80); }
.bg-dark-green-200 { background-color: var(--dark-green-200); }
.text-dark-green-200 { color: var(--dark-green-200); }
.border-dark-green-200 { border-color: var(--dark-green-200); }
.bg-dark-green-200-alpha-08 { background-color: var(--bg-dark-green-200-alpha-08); }
.bg-dark-green-200-alpha-16 { background-color: var(--bg-dark-green-200-alpha-16); }
.bg-dark-green-200-alpha-24 { background-color: var(--bg-dark-green-200-alpha-24); }
.bg-dark-green-200-alpha-32 { background-color: var(--bg-dark-green-200-alpha-32); }
.bg-dark-green-200-alpha-48 { background-color: var(--bg-dark-green-200-alpha-48); }
.bg-dark-green-200-alpha-64 { background-color: var(--bg-dark-green-200-alpha-64); }
.bg-dark-green-200-alpha-80 { background-color: var(--bg-dark-green-200-alpha-80); }
.bg-dark-green-300 { background-color: var(--dark-green-300); }
.text-dark-green-300 { color: var(--dark-green-300); }
.border-dark-green-300 { border-color: var(--dark-green-300); }
.bg-dark-green-300-alpha-08 { background-color: var(--bg-dark-green-300-alpha-08); }
.bg-dark-green-300-alpha-16 { background-color: var(--bg-dark-green-300-alpha-16); }
.bg-dark-green-300-alpha-24 { background-color: var(--bg-dark-green-300-alpha-24); }
.bg-dark-green-300-alpha-32 { background-color: var(--bg-dark-green-300-alpha-32); }
.bg-dark-green-300-alpha-48 { background-color: var(--bg-dark-green-300-alpha-48); }
.bg-dark-green-300-alpha-64 { background-color: var(--bg-dark-green-300-alpha-64); }
.bg-dark-green-300-alpha-80 { background-color: var(--bg-dark-green-300-alpha-80); }
.bg-dark-green-400 { background-color: var(--dark-green-400); }
.text-dark-green-400 { color: var(--dark-green-400); }
.border-dark-green-400 { border-color: var(--dark-green-400); }
.bg-dark-green-400-alpha-08 { background-color: var(--bg-dark-green-400-alpha-08); }
.bg-dark-green-400-alpha-16 { background-color: var(--bg-dark-green-400-alpha-16); }
.bg-dark-green-400-alpha-24 { background-color: var(--bg-dark-green-400-alpha-24); }
.bg-dark-green-400-alpha-32 { background-color: var(--bg-dark-green-400-alpha-32); }
.bg-dark-green-400-alpha-48 { background-color: var(--bg-dark-green-400-alpha-48); }
.bg-dark-green-400-alpha-64 { background-color: var(--bg-dark-green-400-alpha-64); }
.bg-dark-green-400-alpha-80 { background-color: var(--bg-dark-green-400-alpha-80); }
.bg-dark-green-500 { background-color: var(--dark-green-500); }
.text-dark-green-500 { color: var(--dark-green-500); }
.border-dark-green-500 { border-color: var(--dark-green-500); }
.bg-dark-green-500-alpha-08 { background-color: var(--bg-dark-green-500-alpha-08); }
.bg-dark-green-500-alpha-16 { background-color: var(--bg-dark-green-500-alpha-16); }
.bg-dark-green-500-alpha-24 { background-color: var(--bg-dark-green-500-alpha-24); }
.bg-dark-green-500-alpha-32 { background-color: var(--bg-dark-green-500-alpha-32); }
.bg-dark-green-500-alpha-48 { background-color: var(--bg-dark-green-500-alpha-48); }
.bg-dark-green-500-alpha-64 { background-color: var(--bg-dark-green-500-alpha-64); }
.bg-dark-green-500-alpha-80 { background-color: var(--bg-dark-green-500-alpha-80); }
.bg-dark-green-600 { background-color: var(--dark-green-600); }
.text-dark-green-600 { color: var(--dark-green-600); }
.border-dark-green-600 { border-color: var(--dark-green-600); }
.bg-dark-green-600-alpha-08 { background-color: var(--bg-dark-green-600-alpha-08); }
.bg-dark-green-600-alpha-16 { background-color: var(--bg-dark-green-600-alpha-16); }
.bg-dark-green-600-alpha-24 { background-color: var(--bg-dark-green-600-alpha-24); }
.bg-dark-green-600-alpha-32 { background-color: var(--bg-dark-green-600-alpha-32); }
.bg-dark-green-600-alpha-48 { background-color: var(--bg-dark-green-600-alpha-48); }
.bg-dark-green-600-alpha-64 { background-color: var(--bg-dark-green-600-alpha-64); }
.bg-dark-green-600-alpha-80 { background-color: var(--bg-dark-green-600-alpha-80); }
.bg-dark-green-700 { background-color: var(--dark-green-700); }
.text-dark-green-700 { color: var(--dark-green-700); }
.border-dark-green-700 { border-color: var(--dark-green-700); }
.bg-dark-green-700-alpha-08 { background-color: var(--bg-dark-green-700-alpha-08); }
.bg-dark-green-700-alpha-16 { background-color: var(--bg-dark-green-700-alpha-16); }
.bg-dark-green-700-alpha-24 { background-color: var(--bg-dark-green-700-alpha-24); }
.bg-dark-green-700-alpha-32 { background-color: var(--bg-dark-green-700-alpha-32); }
.bg-dark-green-700-alpha-48 { background-color: var(--bg-dark-green-700-alpha-48); }
.bg-dark-green-700-alpha-64 { background-color: var(--bg-dark-green-700-alpha-64); }
.bg-dark-green-700-alpha-80 { background-color: var(--bg-dark-green-700-alpha-80); }
.bg-dark-green-800 { background-color: var(--dark-green-800); }
.text-dark-green-800 { color: var(--dark-green-800); }
.border-dark-green-800 { border-color: var(--dark-green-800); }
.bg-dark-green-800-alpha-08 { background-color: var(--bg-dark-green-800-alpha-08); }
.bg-dark-green-800-alpha-16 { background-color: var(--bg-dark-green-800-alpha-16); }
.bg-dark-green-800-alpha-24 { background-color: var(--bg-dark-green-800-alpha-24); }
.bg-dark-green-800-alpha-32 { background-color: var(--bg-dark-green-800-alpha-32); }
.bg-dark-green-800-alpha-48 { background-color: var(--bg-dark-green-800-alpha-48); }
.bg-dark-green-800-alpha-64 { background-color: var(--bg-dark-green-800-alpha-64); }
.bg-dark-green-800-alpha-80 { background-color: var(--bg-dark-green-800-alpha-80); }
.bg-dark-green-900 { background-color: var(--dark-green-900); }
.text-dark-green-900 { color: var(--dark-green-900); }
.border-dark-green-900 { border-color: var(--dark-green-900); }
.bg-dark-green-900-alpha-08 { background-color: var(--bg-dark-green-900-alpha-08); }
.bg-dark-green-900-alpha-16 { background-color: var(--bg-dark-green-900-alpha-16); }
.bg-dark-green-900-alpha-24 { background-color: var(--bg-dark-green-900-alpha-24); }
.bg-dark-green-900-alpha-32 { background-color: var(--bg-dark-green-900-alpha-32); }
.bg-dark-green-900-alpha-48 { background-color: var(--bg-dark-green-900-alpha-48); }
.bg-dark-green-900-alpha-64 { background-color: var(--bg-dark-green-900-alpha-64); }
.bg-dark-green-900-alpha-80 { background-color: var(--bg-dark-green-900-alpha-80); }
.bg-dark-green-950 { background-color: var(--dark-green-950); }
.text-dark-green-950 { color: var(--dark-green-950); }
.border-dark-green-950 { border-color: var(--dark-green-950); }
.bg-dark-green-950-alpha-08 { background-color: var(--bg-dark-green-950-alpha-08); }
.bg-dark-green-950-alpha-16 { background-color: var(--bg-dark-green-950-alpha-16); }
.bg-dark-green-950-alpha-24 { background-color: var(--bg-dark-green-950-alpha-24); }
.bg-dark-green-950-alpha-32 { background-color: var(--bg-dark-green-950-alpha-32); }
.bg-dark-green-950-alpha-48 { background-color: var(--bg-dark-green-950-alpha-48); }
.bg-dark-green-950-alpha-64 { background-color: var(--bg-dark-green-950-alpha-64); }
.bg-dark-green-950-alpha-80 { background-color: var(--bg-dark-green-950-alpha-80); }

/* Super Green scale utilities */
.bg-super-50 { background-color: var(--super-50); }
.text-super-50 { color: var(--super-50); }
.border-super-50 { border-color: var(--super-50); }
.bg-super-50-alpha-08 { background-color: var(--bg-super-50-alpha-08); }
.bg-super-50-alpha-16 { background-color: var(--bg-super-50-alpha-16); }
.bg-super-50-alpha-24 { background-color: var(--bg-super-50-alpha-24); }
.bg-super-50-alpha-32 { background-color: var(--bg-super-50-alpha-32); }
.bg-super-50-alpha-48 { background-color: var(--bg-super-50-alpha-48); }
.bg-super-50-alpha-64 { background-color: var(--bg-super-50-alpha-64); }
.bg-super-50-alpha-80 { background-color: var(--bg-super-50-alpha-80); }
.bg-super-100 { background-color: var(--super-100); }
.text-super-100 { color: var(--super-100); }
.border-super-100 { border-color: var(--super-100); }
.bg-super-100-alpha-08 { background-color: var(--bg-super-100-alpha-08); }
.bg-super-100-alpha-16 { background-color: var(--bg-super-100-alpha-16); }
.bg-super-100-alpha-24 { background-color: var(--bg-super-100-alpha-24); }
.bg-super-100-alpha-32 { background-color: var(--bg-super-100-alpha-32); }
.bg-super-100-alpha-48 { background-color: var(--bg-super-100-alpha-48); }
.bg-super-100-alpha-64 { background-color: var(--bg-super-100-alpha-64); }
.bg-super-100-alpha-80 { background-color: var(--bg-super-100-alpha-80); }
.bg-super-200 { background-color: var(--super-200); }
.text-super-200 { color: var(--super-200); }
.border-super-200 { border-color: var(--super-200); }
.bg-super-200-alpha-08 { background-color: var(--bg-super-200-alpha-08); }
.bg-super-200-alpha-16 { background-color: var(--bg-super-200-alpha-16); }
.bg-super-200-alpha-24 { background-color: var(--bg-super-200-alpha-24); }
.bg-super-200-alpha-32 { background-color: var(--bg-super-200-alpha-32); }
.bg-super-200-alpha-48 { background-color: var(--bg-super-200-alpha-48); }
.bg-super-200-alpha-64 { background-color: var(--bg-super-200-alpha-64); }
.bg-super-200-alpha-80 { background-color: var(--bg-super-200-alpha-80); }
.bg-super-300 { background-color: var(--super-300); }
.text-super-300 { color: var(--super-300); }
.border-super-300 { border-color: var(--super-300); }
.bg-super-300-alpha-08 { background-color: var(--bg-super-300-alpha-08); }
.bg-super-300-alpha-16 { background-color: var(--bg-super-300-alpha-16); }
.bg-super-300-alpha-24 { background-color: var(--bg-super-300-alpha-24); }
.bg-super-300-alpha-32 { background-color: var(--bg-super-300-alpha-32); }
.bg-super-300-alpha-48 { background-color: var(--bg-super-300-alpha-48); }
.bg-super-300-alpha-64 { background-color: var(--bg-super-300-alpha-64); }
.bg-super-300-alpha-80 { background-color: var(--bg-super-300-alpha-80); }
.bg-super-400 { background-color: var(--super-400); }
.text-super-400 { color: var(--super-400); }
.border-super-400 { border-color: var(--super-400); }
.bg-super-400-alpha-08 { background-color: var(--bg-super-400-alpha-08); }
.bg-super-400-alpha-16 { background-color: var(--bg-super-400-alpha-16); }
.bg-super-400-alpha-24 { background-color: var(--bg-super-400-alpha-24); }
.bg-super-400-alpha-32 { background-color: var(--bg-super-400-alpha-32); }
.bg-super-400-alpha-48 { background-color: var(--bg-super-400-alpha-48); }
.bg-super-400-alpha-64 { background-color: var(--bg-super-400-alpha-64); }
.bg-super-400-alpha-80 { background-color: var(--bg-super-400-alpha-80); }
.bg-super-500 { background-color: var(--super-500); }
.text-super-500 { color: var(--super-500); }
.border-super-500 { border-color: var(--super-500); }
.bg-super-500-alpha-08 { background-color: var(--bg-super-500-alpha-08); }
.bg-super-500-alpha-16 { background-color: var(--bg-super-500-alpha-16); }
.bg-super-500-alpha-24 { background-color: var(--bg-super-500-alpha-24); }
.bg-super-500-alpha-32 { background-color: var(--bg-super-500-alpha-32); }
.bg-super-500-alpha-48 { background-color: var(--bg-super-500-alpha-48); }
.bg-super-500-alpha-64 { background-color: var(--bg-super-500-alpha-64); }
.bg-super-500-alpha-80 { background-color: var(--bg-super-500-alpha-80); }
.bg-super-600 { background-color: var(--super-600); }
.text-super-600 { color: var(--super-600); }
.border-super-600 { border-color: var(--super-600); }
.bg-super-600-alpha-08 { background-color: var(--bg-super-600-alpha-08); }
.bg-super-600-alpha-16 { background-color: var(--bg-super-600-alpha-16); }
.bg-super-600-alpha-24 { background-color: var(--bg-super-600-alpha-24); }
.bg-super-600-alpha-32 { background-color: var(--bg-super-600-alpha-32); }
.bg-super-600-alpha-48 { background-color: var(--bg-super-600-alpha-48); }
.bg-super-600-alpha-64 { background-color: var(--bg-super-600-alpha-64); }
.bg-super-600-alpha-80 { background-color: var(--bg-super-600-alpha-80); }
.bg-super-700 { background-color: var(--super-700); }
.text-super-700 { color: var(--super-700); }
.border-super-700 { border-color: var(--super-700); }
.bg-super-700-alpha-08 { background-color: var(--bg-super-700-alpha-08); }
.bg-super-700-alpha-16 { background-color: var(--bg-super-700-alpha-16); }
.bg-super-700-alpha-24 { background-color: var(--bg-super-700-alpha-24); }
.bg-super-700-alpha-32 { background-color: var(--bg-super-700-alpha-32); }
.bg-super-700-alpha-48 { background-color: var(--bg-super-700-alpha-48); }
.bg-super-700-alpha-64 { background-color: var(--bg-super-700-alpha-64); }
.bg-super-700-alpha-80 { background-color: var(--bg-super-700-alpha-80); }
.bg-super-800 { background-color: var(--super-800); }
.text-super-800 { color: var(--super-800); }
.border-super-800 { border-color: var(--super-800); }
.bg-super-800-alpha-08 { background-color: var(--bg-super-800-alpha-08); }
.bg-super-800-alpha-16 { background-color: var(--bg-super-800-alpha-16); }
.bg-super-800-alpha-24 { background-color: var(--bg-super-800-alpha-24); }
.bg-super-800-alpha-32 { background-color: var(--bg-super-800-alpha-32); }
.bg-super-800-alpha-48 { background-color: var(--bg-super-800-alpha-48); }
.bg-super-800-alpha-64 { background-color: var(--bg-super-800-alpha-64); }
.bg-super-800-alpha-80 { background-color: var(--bg-super-800-alpha-80); }
.bg-super-900 { background-color: var(--super-900); }
.text-super-900 { color: var(--super-900); }
.border-super-900 { border-color: var(--super-900); }
.bg-super-900-alpha-08 { background-color: var(--bg-super-900-alpha-08); }
.bg-super-900-alpha-16 { background-color: var(--bg-super-900-alpha-16); }
.bg-super-900-alpha-24 { background-color: var(--bg-super-900-alpha-24); }
.bg-super-900-alpha-32 { background-color: var(--bg-super-900-alpha-32); }
.bg-super-900-alpha-48 { background-color: var(--bg-super-900-alpha-48); }
.bg-super-900-alpha-64 { background-color: var(--bg-super-900-alpha-64); }
.bg-super-900-alpha-80 { background-color: var(--bg-super-900-alpha-80); }
.bg-super-950 { background-color: var(--super-950); }
.text-super-950 { color: var(--super-950); }
.border-super-950 { border-color: var(--super-950); }
.bg-super-950-alpha-08 { background-color: var(--bg-super-950-alpha-08); }
.bg-super-950-alpha-16 { background-color: var(--bg-super-950-alpha-16); }
.bg-super-950-alpha-24 { background-color: var(--bg-super-950-alpha-24); }
.bg-super-950-alpha-32 { background-color: var(--bg-super-950-alpha-32); }
.bg-super-950-alpha-48 { background-color: var(--bg-super-950-alpha-48); }
.bg-super-950-alpha-64 { background-color: var(--bg-super-950-alpha-64); }
.bg-super-950-alpha-80 { background-color: var(--bg-super-950-alpha-80); }

/* Neutral scale utilities */
.bg-neutral-0 { background-color: var(--neutral-0); }
.text-neutral-0 { color: var(--neutral-0); }
.border-neutral-0 { border-color: var(--neutral-0); }
.bg-neutral-0-alpha-08 { background-color: var(--bg-neutral-0-alpha-08); }
.bg-neutral-0-alpha-16 { background-color: var(--bg-neutral-0-alpha-16); }
.bg-neutral-0-alpha-24 { background-color: var(--bg-neutral-0-alpha-24); }
.bg-neutral-0-alpha-32 { background-color: var(--bg-neutral-0-alpha-32); }
.bg-neutral-0-alpha-48 { background-color: var(--bg-neutral-0-alpha-48); }
.bg-neutral-0-alpha-64 { background-color: var(--bg-neutral-0-alpha-64); }
.bg-neutral-0-alpha-80 { background-color: var(--bg-neutral-0-alpha-80); }
.bg-neutral-50 { background-color: var(--neutral-50); }
.text-neutral-50 { color: var(--neutral-50); }
.border-neutral-50 { border-color: var(--neutral-50); }
.bg-neutral-50-alpha-08 { background-color: var(--bg-neutral-50-alpha-08); }
.bg-neutral-50-alpha-16 { background-color: var(--bg-neutral-50-alpha-16); }
.bg-neutral-50-alpha-24 { background-color: var(--bg-neutral-50-alpha-24); }
.bg-neutral-50-alpha-32 { background-color: var(--bg-neutral-50-alpha-32); }
.bg-neutral-50-alpha-48 { background-color: var(--bg-neutral-50-alpha-48); }
.bg-neutral-50-alpha-64 { background-color: var(--bg-neutral-50-alpha-64); }
.bg-neutral-50-alpha-80 { background-color: var(--bg-neutral-50-alpha-80); }
.bg-neutral-75 { background-color: var(--neutral-75); }
.text-neutral-75 { color: var(--neutral-75); }
.border-neutral-75 { border-color: var(--neutral-75); }
.bg-neutral-75-alpha-08 { background-color: var(--bg-neutral-75-alpha-08); }
.bg-neutral-75-alpha-16 { background-color: var(--bg-neutral-75-alpha-16); }
.bg-neutral-75-alpha-24 { background-color: var(--bg-neutral-75-alpha-24); }
.bg-neutral-75-alpha-32 { background-color: var(--bg-neutral-75-alpha-32); }
.bg-neutral-75-alpha-48 { background-color: var(--bg-neutral-75-alpha-48); }
.bg-neutral-75-alpha-64 { background-color: var(--bg-neutral-75-alpha-64); }
.bg-neutral-75-alpha-80 { background-color: var(--bg-neutral-75-alpha-80); }
.bg-neutral-100 { background-color: var(--neutral-100); }
.text-neutral-100 { color: var(--neutral-100); }
.border-neutral-100 { border-color: var(--neutral-100); }
.bg-neutral-100-alpha-08 { background-color: var(--bg-neutral-100-alpha-08); }
.bg-neutral-100-alpha-16 { background-color: var(--bg-neutral-100-alpha-16); }
.bg-neutral-100-alpha-24 { background-color: var(--bg-neutral-100-alpha-24); }
.bg-neutral-100-alpha-32 { background-color: var(--bg-neutral-100-alpha-32); }
.bg-neutral-100-alpha-48 { background-color: var(--bg-neutral-100-alpha-48); }
.bg-neutral-100-alpha-64 { background-color: var(--bg-neutral-100-alpha-64); }
.bg-neutral-100-alpha-80 { background-color: var(--bg-neutral-100-alpha-80); }
.bg-neutral-150 { background-color: var(--neutral-150); }
.text-neutral-150 { color: var(--neutral-150); }
.border-neutral-150 { border-color: var(--neutral-150); }
.bg-neutral-150-alpha-08 { background-color: var(--bg-neutral-150-alpha-08); }
.bg-neutral-150-alpha-16 { background-color: var(--bg-neutral-150-alpha-16); }
.bg-neutral-150-alpha-24 { background-color: var(--bg-neutral-150-alpha-24); }
.bg-neutral-150-alpha-32 { background-color: var(--bg-neutral-150-alpha-32); }
.bg-neutral-150-alpha-48 { background-color: var(--bg-neutral-150-alpha-48); }
.bg-neutral-150-alpha-64 { background-color: var(--bg-neutral-150-alpha-64); }
.bg-neutral-150-alpha-80 { background-color: var(--bg-neutral-150-alpha-80); }
.bg-neutral-200 { background-color: var(--neutral-200); }
.text-neutral-200 { color: var(--neutral-200); }
.border-neutral-200 { border-color: var(--neutral-200); }
.bg-neutral-200-alpha-08 { background-color: var(--bg-neutral-200-alpha-08); }
.bg-neutral-200-alpha-16 { background-color: var(--bg-neutral-200-alpha-16); }
.bg-neutral-200-alpha-24 { background-color: var(--bg-neutral-200-alpha-24); }
.bg-neutral-200-alpha-32 { background-color: var(--bg-neutral-200-alpha-32); }
.bg-neutral-200-alpha-48 { background-color: var(--bg-neutral-200-alpha-48); }
.bg-neutral-200-alpha-64 { background-color: var(--bg-neutral-200-alpha-64); }
.bg-neutral-200-alpha-80 { background-color: var(--bg-neutral-200-alpha-80); }
.bg-neutral-300 { background-color: var(--neutral-300); }
.text-neutral-300 { color: var(--neutral-300); }
.border-neutral-300 { border-color: var(--neutral-300); }
.bg-neutral-300-alpha-08 { background-color: var(--bg-neutral-300-alpha-08); }
.bg-neutral-300-alpha-16 { background-color: var(--bg-neutral-300-alpha-16); }
.bg-neutral-300-alpha-24 { background-color: var(--bg-neutral-300-alpha-24); }
.bg-neutral-300-alpha-32 { background-color: var(--bg-neutral-300-alpha-32); }
.bg-neutral-300-alpha-48 { background-color: var(--bg-neutral-300-alpha-48); }
.bg-neutral-300-alpha-64 { background-color: var(--bg-neutral-300-alpha-64); }
.bg-neutral-300-alpha-80 { background-color: var(--bg-neutral-300-alpha-80); }
.bg-neutral-400 { background-color: var(--neutral-400); }
.text-neutral-400 { color: var(--neutral-400); }
.border-neutral-400 { border-color: var(--neutral-400); }
.bg-neutral-400-alpha-08 { background-color: var(--bg-neutral-400-alpha-08); }
.bg-neutral-400-alpha-16 { background-color: var(--bg-neutral-400-alpha-16); }
.bg-neutral-400-alpha-24 { background-color: var(--bg-neutral-400-alpha-24); }
.bg-neutral-400-alpha-32 { background-color: var(--bg-neutral-400-alpha-32); }
.bg-neutral-400-alpha-48 { background-color: var(--bg-neutral-400-alpha-48); }
.bg-neutral-400-alpha-64 { background-color: var(--bg-neutral-400-alpha-64); }
.bg-neutral-400-alpha-80 { background-color: var(--bg-neutral-400-alpha-80); }
.bg-neutral-500 { background-color: var(--neutral-500); }
.text-neutral-500 { color: var(--neutral-500); }
.border-neutral-500 { border-color: var(--neutral-500); }
.bg-neutral-500-alpha-08 { background-color: var(--bg-neutral-500-alpha-08); }
.bg-neutral-500-alpha-16 { background-color: var(--bg-neutral-500-alpha-16); }
.bg-neutral-500-alpha-24 { background-color: var(--bg-neutral-500-alpha-24); }
.bg-neutral-500-alpha-32 { background-color: var(--bg-neutral-500-alpha-32); }
.bg-neutral-500-alpha-48 { background-color: var(--bg-neutral-500-alpha-48); }
.bg-neutral-500-alpha-64 { background-color: var(--bg-neutral-500-alpha-64); }
.bg-neutral-500-alpha-80 { background-color: var(--bg-neutral-500-alpha-80); }
.bg-neutral-600 { background-color: var(--neutral-600); }
.text-neutral-600 { color: var(--neutral-600); }
.border-neutral-600 { border-color: var(--neutral-600); }
.bg-neutral-600-alpha-08 { background-color: var(--bg-neutral-600-alpha-08); }
.bg-neutral-600-alpha-16 { background-color: var(--bg-neutral-600-alpha-16); }
.bg-neutral-600-alpha-24 { background-color: var(--bg-neutral-600-alpha-24); }
.bg-neutral-600-alpha-32 { background-color: var(--bg-neutral-600-alpha-32); }
.bg-neutral-600-alpha-48 { background-color: var(--bg-neutral-600-alpha-48); }
.bg-neutral-600-alpha-64 { background-color: var(--bg-neutral-600-alpha-64); }
.bg-neutral-600-alpha-80 { background-color: var(--bg-neutral-600-alpha-80); }
.bg-neutral-700 { background-color: var(--neutral-700); }
.text-neutral-700 { color: var(--neutral-700); }
.border-neutral-700 { border-color: var(--neutral-700); }
.bg-neutral-700-alpha-08 { background-color: var(--bg-neutral-700-alpha-08); }
.bg-neutral-700-alpha-16 { background-color: var(--bg-neutral-700-alpha-16); }
.bg-neutral-700-alpha-24 { background-color: var(--bg-neutral-700-alpha-24); }
.bg-neutral-700-alpha-32 { background-color: var(--bg-neutral-700-alpha-32); }
.bg-neutral-700-alpha-48 { background-color: var(--bg-neutral-700-alpha-48); }
.bg-neutral-700-alpha-64 { background-color: var(--bg-neutral-700-alpha-64); }
.bg-neutral-700-alpha-80 { background-color: var(--bg-neutral-700-alpha-80); }
.bg-neutral-800 { background-color: var(--neutral-800); }
.text-neutral-800 { color: var(--neutral-800); }
.border-neutral-800 { border-color: var(--neutral-800); }
.bg-neutral-800-alpha-08 { background-color: var(--bg-neutral-800-alpha-08); }
.bg-neutral-800-alpha-16 { background-color: var(--bg-neutral-800-alpha-16); }
.bg-neutral-800-alpha-24 { background-color: var(--bg-neutral-800-alpha-24); }
.bg-neutral-800-alpha-32 { background-color: var(--bg-neutral-800-alpha-32); }
.bg-neutral-800-alpha-48 { background-color: var(--bg-neutral-800-alpha-48); }
.bg-neutral-800-alpha-64 { background-color: var(--bg-neutral-800-alpha-64); }
.bg-neutral-800-alpha-80 { background-color: var(--bg-neutral-800-alpha-80); }
.bg-neutral-900 { background-color: var(--neutral-900); }
.text-neutral-900 { color: var(--neutral-900); }
.border-neutral-900 { border-color: var(--neutral-900); }
.bg-neutral-900-alpha-08 { background-color: var(--bg-neutral-900-alpha-08); }
.bg-neutral-900-alpha-16 { background-color: var(--bg-neutral-900-alpha-16); }
.bg-neutral-900-alpha-24 { background-color: var(--bg-neutral-900-alpha-24); }
.bg-neutral-900-alpha-32 { background-color: var(--bg-neutral-900-alpha-32); }
.bg-neutral-900-alpha-48 { background-color: var(--bg-neutral-900-alpha-48); }
.bg-neutral-900-alpha-64 { background-color: var(--bg-neutral-900-alpha-64); }
.bg-neutral-900-alpha-80 { background-color: var(--bg-neutral-900-alpha-80); }
.bg-neutral-950 { background-color: var(--neutral-950); }
.text-neutral-950 { color: var(--neutral-950); }
.border-neutral-950 { border-color: var(--neutral-950); }
.bg-neutral-950-alpha-08 { background-color: var(--bg-neutral-950-alpha-08); }
.bg-neutral-950-alpha-16 { background-color: var(--bg-neutral-950-alpha-16); }
.bg-neutral-950-alpha-24 { background-color: var(--bg-neutral-950-alpha-24); }
.bg-neutral-950-alpha-32 { background-color: var(--bg-neutral-950-alpha-32); }
.bg-neutral-950-alpha-48 { background-color: var(--bg-neutral-950-alpha-48); }
.bg-neutral-950-alpha-64 { background-color: var(--bg-neutral-950-alpha-64); }
.bg-neutral-950-alpha-80 { background-color: var(--bg-neutral-950-alpha-80); }

/* Warm Grey scale utilities */
.bg-warm-50 { background-color: var(--warm-50); }
.text-warm-50 { color: var(--warm-50); }
.border-warm-50 { border-color: var(--warm-50); }
.bg-warm-50-alpha-08 { background-color: var(--bg-warm-50-alpha-08); }
.bg-warm-50-alpha-16 { background-color: var(--bg-warm-50-alpha-16); }
.bg-warm-50-alpha-24 { background-color: var(--bg-warm-50-alpha-24); }
.bg-warm-50-alpha-32 { background-color: var(--bg-warm-50-alpha-32); }
.bg-warm-50-alpha-48 { background-color: var(--bg-warm-50-alpha-48); }
.bg-warm-50-alpha-64 { background-color: var(--bg-warm-50-alpha-64); }
.bg-warm-50-alpha-80 { background-color: var(--bg-warm-50-alpha-80); }
.bg-warm-100 { background-color: var(--warm-100); }
.text-warm-100 { color: var(--warm-100); }
.border-warm-100 { border-color: var(--warm-100); }
.bg-warm-100-alpha-08 { background-color: var(--bg-warm-100-alpha-08); }
.bg-warm-100-alpha-16 { background-color: var(--bg-warm-100-alpha-16); }
.bg-warm-100-alpha-24 { background-color: var(--bg-warm-100-alpha-24); }
.bg-warm-100-alpha-32 { background-color: var(--bg-warm-100-alpha-32); }
.bg-warm-100-alpha-48 { background-color: var(--bg-warm-100-alpha-48); }
.bg-warm-100-alpha-64 { background-color: var(--bg-warm-100-alpha-64); }
.bg-warm-100-alpha-80 { background-color: var(--bg-warm-100-alpha-80); }
.bg-warm-200 { background-color: var(--warm-200); }
.text-warm-200 { color: var(--warm-200); }
.border-warm-200 { border-color: var(--warm-200); }
.bg-warm-200-alpha-08 { background-color: var(--bg-warm-200-alpha-08); }
.bg-warm-200-alpha-16 { background-color: var(--bg-warm-200-alpha-16); }
.bg-warm-200-alpha-24 { background-color: var(--bg-warm-200-alpha-24); }
.bg-warm-200-alpha-32 { background-color: var(--bg-warm-200-alpha-32); }
.bg-warm-200-alpha-48 { background-color: var(--bg-warm-200-alpha-48); }
.bg-warm-200-alpha-64 { background-color: var(--bg-warm-200-alpha-64); }
.bg-warm-200-alpha-80 { background-color: var(--bg-warm-200-alpha-80); }
.bg-warm-300 { background-color: var(--warm-300); }
.text-warm-300 { color: var(--warm-300); }
.border-warm-300 { border-color: var(--warm-300); }
.bg-warm-300-alpha-08 { background-color: var(--bg-warm-300-alpha-08); }
.bg-warm-300-alpha-16 { background-color: var(--bg-warm-300-alpha-16); }
.bg-warm-300-alpha-24 { background-color: var(--bg-warm-300-alpha-24); }
.bg-warm-300-alpha-32 { background-color: var(--bg-warm-300-alpha-32); }
.bg-warm-300-alpha-48 { background-color: var(--bg-warm-300-alpha-48); }
.bg-warm-300-alpha-64 { background-color: var(--bg-warm-300-alpha-64); }
.bg-warm-300-alpha-80 { background-color: var(--bg-warm-300-alpha-80); }
.bg-warm-400 { background-color: var(--warm-400); }
.text-warm-400 { color: var(--warm-400); }
.border-warm-400 { border-color: var(--warm-400); }
.bg-warm-400-alpha-08 { background-color: var(--bg-warm-400-alpha-08); }
.bg-warm-400-alpha-16 { background-color: var(--bg-warm-400-alpha-16); }
.bg-warm-400-alpha-24 { background-color: var(--bg-warm-400-alpha-24); }
.bg-warm-400-alpha-32 { background-color: var(--bg-warm-400-alpha-32); }
.bg-warm-400-alpha-48 { background-color: var(--bg-warm-400-alpha-48); }
.bg-warm-400-alpha-64 { background-color: var(--bg-warm-400-alpha-64); }
.bg-warm-400-alpha-80 { background-color: var(--bg-warm-400-alpha-80); }
.bg-warm-500 { background-color: var(--warm-500); }
.text-warm-500 { color: var(--warm-500); }
.border-warm-500 { border-color: var(--warm-500); }
.bg-warm-500-alpha-08 { background-color: var(--bg-warm-500-alpha-08); }
.bg-warm-500-alpha-16 { background-color: var(--bg-warm-500-alpha-16); }
.bg-warm-500-alpha-24 { background-color: var(--bg-warm-500-alpha-24); }
.bg-warm-500-alpha-32 { background-color: var(--bg-warm-500-alpha-32); }
.bg-warm-500-alpha-48 { background-color: var(--bg-warm-500-alpha-48); }
.bg-warm-500-alpha-64 { background-color: var(--bg-warm-500-alpha-64); }
.bg-warm-500-alpha-80 { background-color: var(--bg-warm-500-alpha-80); }
.bg-warm-600 { background-color: var(--warm-600); }
.text-warm-600 { color: var(--warm-600); }
.border-warm-600 { border-color: var(--warm-600); }
.bg-warm-600-alpha-08 { background-color: var(--bg-warm-600-alpha-08); }
.bg-warm-600-alpha-16 { background-color: var(--bg-warm-600-alpha-16); }
.bg-warm-600-alpha-24 { background-color: var(--bg-warm-600-alpha-24); }
.bg-warm-600-alpha-32 { background-color: var(--bg-warm-600-alpha-32); }
.bg-warm-600-alpha-48 { background-color: var(--bg-warm-600-alpha-48); }
.bg-warm-600-alpha-64 { background-color: var(--bg-warm-600-alpha-64); }
.bg-warm-600-alpha-80 { background-color: var(--bg-warm-600-alpha-80); }
.bg-warm-700 { background-color: var(--warm-700); }
.text-warm-700 { color: var(--warm-700); }
.border-warm-700 { border-color: var(--warm-700); }
.bg-warm-700-alpha-08 { background-color: var(--bg-warm-700-alpha-08); }
.bg-warm-700-alpha-16 { background-color: var(--bg-warm-700-alpha-16); }
.bg-warm-700-alpha-24 { background-color: var(--bg-warm-700-alpha-24); }
.bg-warm-700-alpha-32 { background-color: var(--bg-warm-700-alpha-32); }
.bg-warm-700-alpha-48 { background-color: var(--bg-warm-700-alpha-48); }
.bg-warm-700-alpha-64 { background-color: var(--bg-warm-700-alpha-64); }
.bg-warm-700-alpha-80 { background-color: var(--bg-warm-700-alpha-80); }
.bg-warm-800 { background-color: var(--warm-800); }
.text-warm-800 { color: var(--warm-800); }
.border-warm-800 { border-color: var(--warm-800); }
.bg-warm-800-alpha-08 { background-color: var(--bg-warm-800-alpha-08); }
.bg-warm-800-alpha-16 { background-color: var(--bg-warm-800-alpha-16); }
.bg-warm-800-alpha-24 { background-color: var(--bg-warm-800-alpha-24); }
.bg-warm-800-alpha-32 { background-color: var(--bg-warm-800-alpha-32); }
.bg-warm-800-alpha-48 { background-color: var(--bg-warm-800-alpha-48); }
.bg-warm-800-alpha-64 { background-color: var(--bg-warm-800-alpha-64); }
.bg-warm-800-alpha-80 { background-color: var(--bg-warm-800-alpha-80); }
.bg-warm-900 { background-color: var(--warm-900); }
.text-warm-900 { color: var(--warm-900); }
.border-warm-900 { border-color: var(--warm-900); }
.bg-warm-900-alpha-08 { background-color: var(--bg-warm-900-alpha-08); }
.bg-warm-900-alpha-16 { background-color: var(--bg-warm-900-alpha-16); }
.bg-warm-900-alpha-24 { background-color: var(--bg-warm-900-alpha-24); }
.bg-warm-900-alpha-32 { background-color: var(--bg-warm-900-alpha-32); }
.bg-warm-900-alpha-48 { background-color: var(--bg-warm-900-alpha-48); }
.bg-warm-900-alpha-64 { background-color: var(--bg-warm-900-alpha-64); }
.bg-warm-900-alpha-80 { background-color: var(--bg-warm-900-alpha-80); }
.bg-warm-950 { background-color: var(--warm-950); }
.text-warm-950 { color: var(--warm-950); }
.border-warm-950 { border-color: var(--warm-950); }
.bg-warm-950-alpha-08 { background-color: var(--bg-warm-950-alpha-08); }
.bg-warm-950-alpha-16 { background-color: var(--bg-warm-950-alpha-16); }
.bg-warm-950-alpha-24 { background-color: var(--bg-warm-950-alpha-24); }
.bg-warm-950-alpha-32 { background-color: var(--bg-warm-950-alpha-32); }
.bg-warm-950-alpha-48 { background-color: var(--bg-warm-950-alpha-48); }
.bg-warm-950-alpha-64 { background-color: var(--bg-warm-950-alpha-64); }
.bg-warm-950-alpha-80 { background-color: var(--bg-warm-950-alpha-80); }

/* Sage scale utilities */
.bg-sage-50 { background-color: var(--sage-50); }
.text-sage-50 { color: var(--sage-50); }
.border-sage-50 { border-color: var(--sage-50); }
.bg-sage-50-alpha-08 { background-color: var(--bg-sage-50-alpha-08); }
.bg-sage-50-alpha-16 { background-color: var(--bg-sage-50-alpha-16); }
.bg-sage-50-alpha-24 { background-color: var(--bg-sage-50-alpha-24); }
.bg-sage-50-alpha-32 { background-color: var(--bg-sage-50-alpha-32); }
.bg-sage-50-alpha-48 { background-color: var(--bg-sage-50-alpha-48); }
.bg-sage-50-alpha-64 { background-color: var(--bg-sage-50-alpha-64); }
.bg-sage-50-alpha-80 { background-color: var(--bg-sage-50-alpha-80); }
.bg-sage-100 { background-color: var(--sage-100); }
.text-sage-100 { color: var(--sage-100); }
.border-sage-100 { border-color: var(--sage-100); }
.bg-sage-100-alpha-08 { background-color: var(--bg-sage-100-alpha-08); }
.bg-sage-100-alpha-16 { background-color: var(--bg-sage-100-alpha-16); }
.bg-sage-100-alpha-24 { background-color: var(--bg-sage-100-alpha-24); }
.bg-sage-100-alpha-32 { background-color: var(--bg-sage-100-alpha-32); }
.bg-sage-100-alpha-48 { background-color: var(--bg-sage-100-alpha-48); }
.bg-sage-100-alpha-64 { background-color: var(--bg-sage-100-alpha-64); }
.bg-sage-100-alpha-80 { background-color: var(--bg-sage-100-alpha-80); }
.bg-sage-200 { background-color: var(--sage-200); }
.text-sage-200 { color: var(--sage-200); }
.border-sage-200 { border-color: var(--sage-200); }
.bg-sage-200-alpha-08 { background-color: var(--bg-sage-200-alpha-08); }
.bg-sage-200-alpha-16 { background-color: var(--bg-sage-200-alpha-16); }
.bg-sage-200-alpha-24 { background-color: var(--bg-sage-200-alpha-24); }
.bg-sage-200-alpha-32 { background-color: var(--bg-sage-200-alpha-32); }
.bg-sage-200-alpha-48 { background-color: var(--bg-sage-200-alpha-48); }
.bg-sage-200-alpha-64 { background-color: var(--bg-sage-200-alpha-64); }
.bg-sage-200-alpha-80 { background-color: var(--bg-sage-200-alpha-80); }
.bg-sage-300 { background-color: var(--sage-300); }
.text-sage-300 { color: var(--sage-300); }
.border-sage-300 { border-color: var(--sage-300); }
.bg-sage-300-alpha-08 { background-color: var(--bg-sage-300-alpha-08); }
.bg-sage-300-alpha-16 { background-color: var(--bg-sage-300-alpha-16); }
.bg-sage-300-alpha-24 { background-color: var(--bg-sage-300-alpha-24); }
.bg-sage-300-alpha-32 { background-color: var(--bg-sage-300-alpha-32); }
.bg-sage-300-alpha-48 { background-color: var(--bg-sage-300-alpha-48); }
.bg-sage-300-alpha-64 { background-color: var(--bg-sage-300-alpha-64); }
.bg-sage-300-alpha-80 { background-color: var(--bg-sage-300-alpha-80); }
.bg-sage-400 { background-color: var(--sage-400); }
.text-sage-400 { color: var(--sage-400); }
.border-sage-400 { border-color: var(--sage-400); }
.bg-sage-400-alpha-08 { background-color: var(--bg-sage-400-alpha-08); }
.bg-sage-400-alpha-16 { background-color: var(--bg-sage-400-alpha-16); }
.bg-sage-400-alpha-24 { background-color: var(--bg-sage-400-alpha-24); }
.bg-sage-400-alpha-32 { background-color: var(--bg-sage-400-alpha-32); }
.bg-sage-400-alpha-48 { background-color: var(--bg-sage-400-alpha-48); }
.bg-sage-400-alpha-64 { background-color: var(--bg-sage-400-alpha-64); }
.bg-sage-400-alpha-80 { background-color: var(--bg-sage-400-alpha-80); }
.bg-sage-500 { background-color: var(--sage-500); }
.text-sage-500 { color: var(--sage-500); }
.border-sage-500 { border-color: var(--sage-500); }
.bg-sage-500-alpha-08 { background-color: var(--bg-sage-500-alpha-08); }
.bg-sage-500-alpha-16 { background-color: var(--bg-sage-500-alpha-16); }
.bg-sage-500-alpha-24 { background-color: var(--bg-sage-500-alpha-24); }
.bg-sage-500-alpha-32 { background-color: var(--bg-sage-500-alpha-32); }
.bg-sage-500-alpha-48 { background-color: var(--bg-sage-500-alpha-48); }
.bg-sage-500-alpha-64 { background-color: var(--bg-sage-500-alpha-64); }
.bg-sage-500-alpha-80 { background-color: var(--bg-sage-500-alpha-80); }
.bg-sage-600 { background-color: var(--sage-600); }
.text-sage-600 { color: var(--sage-600); }
.border-sage-600 { border-color: var(--sage-600); }
.bg-sage-600-alpha-08 { background-color: var(--bg-sage-600-alpha-08); }
.bg-sage-600-alpha-16 { background-color: var(--bg-sage-600-alpha-16); }
.bg-sage-600-alpha-24 { background-color: var(--bg-sage-600-alpha-24); }
.bg-sage-600-alpha-32 { background-color: var(--bg-sage-600-alpha-32); }
.bg-sage-600-alpha-48 { background-color: var(--bg-sage-600-alpha-48); }
.bg-sage-600-alpha-64 { background-color: var(--bg-sage-600-alpha-64); }
.bg-sage-600-alpha-80 { background-color: var(--bg-sage-600-alpha-80); }
.bg-sage-700 { background-color: var(--sage-700); }
.text-sage-700 { color: var(--sage-700); }
.border-sage-700 { border-color: var(--sage-700); }
.bg-sage-700-alpha-08 { background-color: var(--bg-sage-700-alpha-08); }
.bg-sage-700-alpha-16 { background-color: var(--bg-sage-700-alpha-16); }
.bg-sage-700-alpha-24 { background-color: var(--bg-sage-700-alpha-24); }
.bg-sage-700-alpha-32 { background-color: var(--bg-sage-700-alpha-32); }
.bg-sage-700-alpha-48 { background-color: var(--bg-sage-700-alpha-48); }
.bg-sage-700-alpha-64 { background-color: var(--bg-sage-700-alpha-64); }
.bg-sage-700-alpha-80 { background-color: var(--bg-sage-700-alpha-80); }
.bg-sage-800 { background-color: var(--sage-800); }
.text-sage-800 { color: var(--sage-800); }
.border-sage-800 { border-color: var(--sage-800); }
.bg-sage-800-alpha-08 { background-color: var(--bg-sage-800-alpha-08); }
.bg-sage-800-alpha-16 { background-color: var(--bg-sage-800-alpha-16); }
.bg-sage-800-alpha-24 { background-color: var(--bg-sage-800-alpha-24); }
.bg-sage-800-alpha-32 { background-color: var(--bg-sage-800-alpha-32); }
.bg-sage-800-alpha-48 { background-color: var(--bg-sage-800-alpha-48); }
.bg-sage-800-alpha-64 { background-color: var(--bg-sage-800-alpha-64); }
.bg-sage-800-alpha-80 { background-color: var(--bg-sage-800-alpha-80); }
.bg-sage-900 { background-color: var(--sage-900); }
.text-sage-900 { color: var(--sage-900); }
.border-sage-900 { border-color: var(--sage-900); }
.bg-sage-900-alpha-08 { background-color: var(--bg-sage-900-alpha-08); }
.bg-sage-900-alpha-16 { background-color: var(--bg-sage-900-alpha-16); }
.bg-sage-900-alpha-24 { background-color: var(--bg-sage-900-alpha-24); }
.bg-sage-900-alpha-32 { background-color: var(--bg-sage-900-alpha-32); }
.bg-sage-900-alpha-48 { background-color: var(--bg-sage-900-alpha-48); }
.bg-sage-900-alpha-64 { background-color: var(--bg-sage-900-alpha-64); }
.bg-sage-900-alpha-80 { background-color: var(--bg-sage-900-alpha-80); }
.bg-sage-950 { background-color: var(--sage-950); }
.text-sage-950 { color: var(--sage-950); }
.border-sage-950 { border-color: var(--sage-950); }
.bg-sage-950-alpha-08 { background-color: var(--bg-sage-950-alpha-08); }
.bg-sage-950-alpha-16 { background-color: var(--bg-sage-950-alpha-16); }
.bg-sage-950-alpha-24 { background-color: var(--bg-sage-950-alpha-24); }
.bg-sage-950-alpha-32 { background-color: var(--bg-sage-950-alpha-32); }
.bg-sage-950-alpha-48 { background-color: var(--bg-sage-950-alpha-48); }
.bg-sage-950-alpha-64 { background-color: var(--bg-sage-950-alpha-64); }
.bg-sage-950-alpha-80 { background-color: var(--bg-sage-950-alpha-80); }

/* Gold scale utilities */
.bg-gold-50 { background-color: var(--gold-50); }
.text-gold-50 { color: var(--gold-50); }
.border-gold-50 { border-color: var(--gold-50); }
.bg-gold-50-alpha-08 { background-color: var(--bg-gold-50-alpha-08); }
.bg-gold-50-alpha-16 { background-color: var(--bg-gold-50-alpha-16); }
.bg-gold-50-alpha-24 { background-color: var(--bg-gold-50-alpha-24); }
.bg-gold-50-alpha-32 { background-color: var(--bg-gold-50-alpha-32); }
.bg-gold-50-alpha-48 { background-color: var(--bg-gold-50-alpha-48); }
.bg-gold-50-alpha-64 { background-color: var(--bg-gold-50-alpha-64); }
.bg-gold-50-alpha-80 { background-color: var(--bg-gold-50-alpha-80); }
.bg-gold-100 { background-color: var(--gold-100); }
.text-gold-100 { color: var(--gold-100); }
.border-gold-100 { border-color: var(--gold-100); }
.bg-gold-100-alpha-08 { background-color: var(--bg-gold-100-alpha-08); }
.bg-gold-100-alpha-16 { background-color: var(--bg-gold-100-alpha-16); }
.bg-gold-100-alpha-24 { background-color: var(--bg-gold-100-alpha-24); }
.bg-gold-100-alpha-32 { background-color: var(--bg-gold-100-alpha-32); }
.bg-gold-100-alpha-48 { background-color: var(--bg-gold-100-alpha-48); }
.bg-gold-100-alpha-64 { background-color: var(--bg-gold-100-alpha-64); }
.bg-gold-100-alpha-80 { background-color: var(--bg-gold-100-alpha-80); }
.bg-gold-200 { background-color: var(--gold-200); }
.text-gold-200 { color: var(--gold-200); }
.border-gold-200 { border-color: var(--gold-200); }
.bg-gold-200-alpha-08 { background-color: var(--bg-gold-200-alpha-08); }
.bg-gold-200-alpha-16 { background-color: var(--bg-gold-200-alpha-16); }
.bg-gold-200-alpha-24 { background-color: var(--bg-gold-200-alpha-24); }
.bg-gold-200-alpha-32 { background-color: var(--bg-gold-200-alpha-32); }
.bg-gold-200-alpha-48 { background-color: var(--bg-gold-200-alpha-48); }
.bg-gold-200-alpha-64 { background-color: var(--bg-gold-200-alpha-64); }
.bg-gold-200-alpha-80 { background-color: var(--bg-gold-200-alpha-80); }
.bg-gold-300 { background-color: var(--gold-300); }
.text-gold-300 { color: var(--gold-300); }
.border-gold-300 { border-color: var(--gold-300); }
.bg-gold-300-alpha-08 { background-color: var(--bg-gold-300-alpha-08); }
.bg-gold-300-alpha-16 { background-color: var(--bg-gold-300-alpha-16); }
.bg-gold-300-alpha-24 { background-color: var(--bg-gold-300-alpha-24); }
.bg-gold-300-alpha-32 { background-color: var(--bg-gold-300-alpha-32); }
.bg-gold-300-alpha-48 { background-color: var(--bg-gold-300-alpha-48); }
.bg-gold-300-alpha-64 { background-color: var(--bg-gold-300-alpha-64); }
.bg-gold-300-alpha-80 { background-color: var(--bg-gold-300-alpha-80); }
.bg-gold-400 { background-color: var(--gold-400); }
.text-gold-400 { color: var(--gold-400); }
.border-gold-400 { border-color: var(--gold-400); }
.bg-gold-400-alpha-08 { background-color: var(--bg-gold-400-alpha-08); }
.bg-gold-400-alpha-16 { background-color: var(--bg-gold-400-alpha-16); }
.bg-gold-400-alpha-24 { background-color: var(--bg-gold-400-alpha-24); }
.bg-gold-400-alpha-32 { background-color: var(--bg-gold-400-alpha-32); }
.bg-gold-400-alpha-48 { background-color: var(--bg-gold-400-alpha-48); }
.bg-gold-400-alpha-64 { background-color: var(--bg-gold-400-alpha-64); }
.bg-gold-400-alpha-80 { background-color: var(--bg-gold-400-alpha-80); }
.bg-gold-500 { background-color: var(--gold-500); }
.text-gold-500 { color: var(--gold-500); }
.border-gold-500 { border-color: var(--gold-500); }
.bg-gold-500-alpha-08 { background-color: var(--bg-gold-500-alpha-08); }
.bg-gold-500-alpha-16 { background-color: var(--bg-gold-500-alpha-16); }
.bg-gold-500-alpha-24 { background-color: var(--bg-gold-500-alpha-24); }
.bg-gold-500-alpha-32 { background-color: var(--bg-gold-500-alpha-32); }
.bg-gold-500-alpha-48 { background-color: var(--bg-gold-500-alpha-48); }
.bg-gold-500-alpha-64 { background-color: var(--bg-gold-500-alpha-64); }
.bg-gold-500-alpha-80 { background-color: var(--bg-gold-500-alpha-80); }
.bg-gold-600 { background-color: var(--gold-600); }
.text-gold-600 { color: var(--gold-600); }
.border-gold-600 { border-color: var(--gold-600); }
.bg-gold-600-alpha-08 { background-color: var(--bg-gold-600-alpha-08); }
.bg-gold-600-alpha-16 { background-color: var(--bg-gold-600-alpha-16); }
.bg-gold-600-alpha-24 { background-color: var(--bg-gold-600-alpha-24); }
.bg-gold-600-alpha-32 { background-color: var(--bg-gold-600-alpha-32); }
.bg-gold-600-alpha-48 { background-color: var(--bg-gold-600-alpha-48); }
.bg-gold-600-alpha-64 { background-color: var(--bg-gold-600-alpha-64); }
.bg-gold-600-alpha-80 { background-color: var(--bg-gold-600-alpha-80); }
.bg-gold-700 { background-color: var(--gold-700); }
.text-gold-700 { color: var(--gold-700); }
.border-gold-700 { border-color: var(--gold-700); }
.bg-gold-700-alpha-08 { background-color: var(--bg-gold-700-alpha-08); }
.bg-gold-700-alpha-16 { background-color: var(--bg-gold-700-alpha-16); }
.bg-gold-700-alpha-24 { background-color: var(--bg-gold-700-alpha-24); }
.bg-gold-700-alpha-32 { background-color: var(--bg-gold-700-alpha-32); }
.bg-gold-700-alpha-48 { background-color: var(--bg-gold-700-alpha-48); }
.bg-gold-700-alpha-64 { background-color: var(--bg-gold-700-alpha-64); }
.bg-gold-700-alpha-80 { background-color: var(--bg-gold-700-alpha-80); }
.bg-gold-800 { background-color: var(--gold-800); }
.text-gold-800 { color: var(--gold-800); }
.border-gold-800 { border-color: var(--gold-800); }
.bg-gold-800-alpha-08 { background-color: var(--bg-gold-800-alpha-08); }
.bg-gold-800-alpha-16 { background-color: var(--bg-gold-800-alpha-16); }
.bg-gold-800-alpha-24 { background-color: var(--bg-gold-800-alpha-24); }
.bg-gold-800-alpha-32 { background-color: var(--bg-gold-800-alpha-32); }
.bg-gold-800-alpha-48 { background-color: var(--bg-gold-800-alpha-48); }
.bg-gold-800-alpha-64 { background-color: var(--bg-gold-800-alpha-64); }
.bg-gold-800-alpha-80 { background-color: var(--bg-gold-800-alpha-80); }
.bg-gold-900 { background-color: var(--gold-900); }
.text-gold-900 { color: var(--gold-900); }
.border-gold-900 { border-color: var(--gold-900); }
.bg-gold-900-alpha-08 { background-color: var(--bg-gold-900-alpha-08); }
.bg-gold-900-alpha-16 { background-color: var(--bg-gold-900-alpha-16); }
.bg-gold-900-alpha-24 { background-color: var(--bg-gold-900-alpha-24); }
.bg-gold-900-alpha-32 { background-color: var(--bg-gold-900-alpha-32); }
.bg-gold-900-alpha-48 { background-color: var(--bg-gold-900-alpha-48); }
.bg-gold-900-alpha-64 { background-color: var(--bg-gold-900-alpha-64); }
.bg-gold-900-alpha-80 { background-color: var(--bg-gold-900-alpha-80); }
.bg-gold-950 { background-color: var(--gold-950); }
.text-gold-950 { color: var(--gold-950); }
.border-gold-950 { border-color: var(--gold-950); }
.bg-gold-950-alpha-08 { background-color: var(--bg-gold-950-alpha-08); }
.bg-gold-950-alpha-16 { background-color: var(--bg-gold-950-alpha-16); }
.bg-gold-950-alpha-24 { background-color: var(--bg-gold-950-alpha-24); }
.bg-gold-950-alpha-32 { background-color: var(--bg-gold-950-alpha-32); }
.bg-gold-950-alpha-48 { background-color: var(--bg-gold-950-alpha-48); }
.bg-gold-950-alpha-64 { background-color: var(--bg-gold-950-alpha-64); }
.bg-gold-950-alpha-80 { background-color: var(--bg-gold-950-alpha-80); }

/* Red scale utilities */
.bg-red-50 { background-color: var(--red-50); }
.text-red-50 { color: var(--red-50); }
.border-red-50 { border-color: var(--red-50); }
.bg-red-50-alpha-08 { background-color: var(--bg-red-50-alpha-08); }
.bg-red-50-alpha-16 { background-color: var(--bg-red-50-alpha-16); }
.bg-red-50-alpha-24 { background-color: var(--bg-red-50-alpha-24); }
.bg-red-50-alpha-32 { background-color: var(--bg-red-50-alpha-32); }
.bg-red-50-alpha-48 { background-color: var(--bg-red-50-alpha-48); }
.bg-red-50-alpha-64 { background-color: var(--bg-red-50-alpha-64); }
.bg-red-50-alpha-80 { background-color: var(--bg-red-50-alpha-80); }
.bg-red-100 { background-color: var(--red-100); }
.text-red-100 { color: var(--red-100); }
.border-red-100 { border-color: var(--red-100); }
.bg-red-100-alpha-08 { background-color: var(--bg-red-100-alpha-08); }
.bg-red-100-alpha-16 { background-color: var(--bg-red-100-alpha-16); }
.bg-red-100-alpha-24 { background-color: var(--bg-red-100-alpha-24); }
.bg-red-100-alpha-32 { background-color: var(--bg-red-100-alpha-32); }
.bg-red-100-alpha-48 { background-color: var(--bg-red-100-alpha-48); }
.bg-red-100-alpha-64 { background-color: var(--bg-red-100-alpha-64); }
.bg-red-100-alpha-80 { background-color: var(--bg-red-100-alpha-80); }
.bg-red-200 { background-color: var(--red-200); }
.text-red-200 { color: var(--red-200); }
.border-red-200 { border-color: var(--red-200); }
.bg-red-200-alpha-08 { background-color: var(--bg-red-200-alpha-08); }
.bg-red-200-alpha-16 { background-color: var(--bg-red-200-alpha-16); }
.bg-red-200-alpha-24 { background-color: var(--bg-red-200-alpha-24); }
.bg-red-200-alpha-32 { background-color: var(--bg-red-200-alpha-32); }
.bg-red-200-alpha-48 { background-color: var(--bg-red-200-alpha-48); }
.bg-red-200-alpha-64 { background-color: var(--bg-red-200-alpha-64); }
.bg-red-200-alpha-80 { background-color: var(--bg-red-200-alpha-80); }
.bg-red-300 { background-color: var(--red-300); }
.text-red-300 { color: var(--red-300); }
.border-red-300 { border-color: var(--red-300); }
.bg-red-300-alpha-08 { background-color: var(--bg-red-300-alpha-08); }
.bg-red-300-alpha-16 { background-color: var(--bg-red-300-alpha-16); }
.bg-red-300-alpha-24 { background-color: var(--bg-red-300-alpha-24); }
.bg-red-300-alpha-32 { background-color: var(--bg-red-300-alpha-32); }
.bg-red-300-alpha-48 { background-color: var(--bg-red-300-alpha-48); }
.bg-red-300-alpha-64 { background-color: var(--bg-red-300-alpha-64); }
.bg-red-300-alpha-80 { background-color: var(--bg-red-300-alpha-80); }
.bg-red-400 { background-color: var(--red-400); }
.text-red-400 { color: var(--red-400); }
.border-red-400 { border-color: var(--red-400); }
.bg-red-400-alpha-08 { background-color: var(--bg-red-400-alpha-08); }
.bg-red-400-alpha-16 { background-color: var(--bg-red-400-alpha-16); }
.bg-red-400-alpha-24 { background-color: var(--bg-red-400-alpha-24); }
.bg-red-400-alpha-32 { background-color: var(--bg-red-400-alpha-32); }
.bg-red-400-alpha-48 { background-color: var(--bg-red-400-alpha-48); }
.bg-red-400-alpha-64 { background-color: var(--bg-red-400-alpha-64); }
.bg-red-400-alpha-80 { background-color: var(--bg-red-400-alpha-80); }
.bg-red-500 { background-color: var(--red-500); }
.text-red-500 { color: var(--red-500); }
.border-red-500 { border-color: var(--red-500); }
.bg-red-500-alpha-08 { background-color: var(--bg-red-500-alpha-08); }
.bg-red-500-alpha-16 { background-color: var(--bg-red-500-alpha-16); }
.bg-red-500-alpha-24 { background-color: var(--bg-red-500-alpha-24); }
.bg-red-500-alpha-32 { background-color: var(--bg-red-500-alpha-32); }
.bg-red-500-alpha-48 { background-color: var(--bg-red-500-alpha-48); }
.bg-red-500-alpha-64 { background-color: var(--bg-red-500-alpha-64); }
.bg-red-500-alpha-80 { background-color: var(--bg-red-500-alpha-80); }
.bg-red-600 { background-color: var(--red-600); }
.text-red-600 { color: var(--red-600); }
.border-red-600 { border-color: var(--red-600); }
.bg-red-600-alpha-08 { background-color: var(--bg-red-600-alpha-08); }
.bg-red-600-alpha-16 { background-color: var(--bg-red-600-alpha-16); }
.bg-red-600-alpha-24 { background-color: var(--bg-red-600-alpha-24); }
.bg-red-600-alpha-32 { background-color: var(--bg-red-600-alpha-32); }
.bg-red-600-alpha-48 { background-color: var(--bg-red-600-alpha-48); }
.bg-red-600-alpha-64 { background-color: var(--bg-red-600-alpha-64); }
.bg-red-600-alpha-80 { background-color: var(--bg-red-600-alpha-80); }
.bg-red-700 { background-color: var(--red-700); }
.text-red-700 { color: var(--red-700); }
.border-red-700 { border-color: var(--red-700); }
.bg-red-700-alpha-08 { background-color: var(--bg-red-700-alpha-08); }
.bg-red-700-alpha-16 { background-color: var(--bg-red-700-alpha-16); }
.bg-red-700-alpha-24 { background-color: var(--bg-red-700-alpha-24); }
.bg-red-700-alpha-32 { background-color: var(--bg-red-700-alpha-32); }
.bg-red-700-alpha-48 { background-color: var(--bg-red-700-alpha-48); }
.bg-red-700-alpha-64 { background-color: var(--bg-red-700-alpha-64); }
.bg-red-700-alpha-80 { background-color: var(--bg-red-700-alpha-80); }
.bg-red-800 { background-color: var(--red-800); }
.text-red-800 { color: var(--red-800); }
.border-red-800 { border-color: var(--red-800); }
.bg-red-800-alpha-08 { background-color: var(--bg-red-800-alpha-08); }
.bg-red-800-alpha-16 { background-color: var(--bg-red-800-alpha-16); }
.bg-red-800-alpha-24 { background-color: var(--bg-red-800-alpha-24); }
.bg-red-800-alpha-32 { background-color: var(--bg-red-800-alpha-32); }
.bg-red-800-alpha-48 { background-color: var(--bg-red-800-alpha-48); }
.bg-red-800-alpha-64 { background-color: var(--bg-red-800-alpha-64); }
.bg-red-800-alpha-80 { background-color: var(--bg-red-800-alpha-80); }
.bg-red-900 { background-color: var(--red-900); }
.text-red-900 { color: var(--red-900); }
.border-red-900 { border-color: var(--red-900); }
.bg-red-900-alpha-08 { background-color: var(--bg-red-900-alpha-08); }
.bg-red-900-alpha-16 { background-color: var(--bg-red-900-alpha-16); }
.bg-red-900-alpha-24 { background-color: var(--bg-red-900-alpha-24); }
.bg-red-900-alpha-32 { background-color: var(--bg-red-900-alpha-32); }
.bg-red-900-alpha-48 { background-color: var(--bg-red-900-alpha-48); }
.bg-red-900-alpha-64 { background-color: var(--bg-red-900-alpha-64); }
.bg-red-900-alpha-80 { background-color: var(--bg-red-900-alpha-80); }
.bg-red-950 { background-color: var(--red-950); }
.text-red-950 { color: var(--red-950); }
.border-red-950 { border-color: var(--red-950); }
.bg-red-950-alpha-08 { background-color: var(--bg-red-950-alpha-08); }
.bg-red-950-alpha-16 { background-color: var(--bg-red-950-alpha-16); }
.bg-red-950-alpha-24 { background-color: var(--bg-red-950-alpha-24); }
.bg-red-950-alpha-32 { background-color: var(--bg-red-950-alpha-32); }
.bg-red-950-alpha-48 { background-color: var(--bg-red-950-alpha-48); }
.bg-red-950-alpha-64 { background-color: var(--bg-red-950-alpha-64); }
.bg-red-950-alpha-80 { background-color: var(--bg-red-950-alpha-80); }

/* Info scale utilities */
.bg-info-50 { background-color: var(--info-50); }
.text-info-50 { color: var(--info-50); }
.border-info-50 { border-color: var(--info-50); }
.bg-info-50-alpha-08 { background-color: var(--bg-info-50-alpha-08); }
.bg-info-50-alpha-16 { background-color: var(--bg-info-50-alpha-16); }
.bg-info-50-alpha-24 { background-color: var(--bg-info-50-alpha-24); }
.bg-info-50-alpha-32 { background-color: var(--bg-info-50-alpha-32); }
.bg-info-50-alpha-48 { background-color: var(--bg-info-50-alpha-48); }
.bg-info-50-alpha-64 { background-color: var(--bg-info-50-alpha-64); }
.bg-info-50-alpha-80 { background-color: var(--bg-info-50-alpha-80); }
.bg-info-100 { background-color: var(--info-100); }
.text-info-100 { color: var(--info-100); }
.border-info-100 { border-color: var(--info-100); }
.bg-info-100-alpha-08 { background-color: var(--bg-info-100-alpha-08); }
.bg-info-100-alpha-16 { background-color: var(--bg-info-100-alpha-16); }
.bg-info-100-alpha-24 { background-color: var(--bg-info-100-alpha-24); }
.bg-info-100-alpha-32 { background-color: var(--bg-info-100-alpha-32); }
.bg-info-100-alpha-48 { background-color: var(--bg-info-100-alpha-48); }
.bg-info-100-alpha-64 { background-color: var(--bg-info-100-alpha-64); }
.bg-info-100-alpha-80 { background-color: var(--bg-info-100-alpha-80); }
.bg-info-200 { background-color: var(--info-200); }
.text-info-200 { color: var(--info-200); }
.border-info-200 { border-color: var(--info-200); }
.bg-info-200-alpha-08 { background-color: var(--bg-info-200-alpha-08); }
.bg-info-200-alpha-16 { background-color: var(--bg-info-200-alpha-16); }
.bg-info-200-alpha-24 { background-color: var(--bg-info-200-alpha-24); }
.bg-info-200-alpha-32 { background-color: var(--bg-info-200-alpha-32); }
.bg-info-200-alpha-48 { background-color: var(--bg-info-200-alpha-48); }
.bg-info-200-alpha-64 { background-color: var(--bg-info-200-alpha-64); }
.bg-info-200-alpha-80 { background-color: var(--bg-info-200-alpha-80); }
.bg-info-300 { background-color: var(--info-300); }
.text-info-300 { color: var(--info-300); }
.border-info-300 { border-color: var(--info-300); }
.bg-info-300-alpha-08 { background-color: var(--bg-info-300-alpha-08); }
.bg-info-300-alpha-16 { background-color: var(--bg-info-300-alpha-16); }
.bg-info-300-alpha-24 { background-color: var(--bg-info-300-alpha-24); }
.bg-info-300-alpha-32 { background-color: var(--bg-info-300-alpha-32); }
.bg-info-300-alpha-48 { background-color: var(--bg-info-300-alpha-48); }
.bg-info-300-alpha-64 { background-color: var(--bg-info-300-alpha-64); }
.bg-info-300-alpha-80 { background-color: var(--bg-info-300-alpha-80); }
.bg-info-400 { background-color: var(--info-400); }
.text-info-400 { color: var(--info-400); }
.border-info-400 { border-color: var(--info-400); }
.bg-info-400-alpha-08 { background-color: var(--bg-info-400-alpha-08); }
.bg-info-400-alpha-16 { background-color: var(--bg-info-400-alpha-16); }
.bg-info-400-alpha-24 { background-color: var(--bg-info-400-alpha-24); }
.bg-info-400-alpha-32 { background-color: var(--bg-info-400-alpha-32); }
.bg-info-400-alpha-48 { background-color: var(--bg-info-400-alpha-48); }
.bg-info-400-alpha-64 { background-color: var(--bg-info-400-alpha-64); }
.bg-info-400-alpha-80 { background-color: var(--bg-info-400-alpha-80); }
.bg-info-500 { background-color: var(--info-500); }
.text-info-500 { color: var(--info-500); }
.border-info-500 { border-color: var(--info-500); }
.bg-info-500-alpha-08 { background-color: var(--bg-info-500-alpha-08); }
.bg-info-500-alpha-16 { background-color: var(--bg-info-500-alpha-16); }
.bg-info-500-alpha-24 { background-color: var(--bg-info-500-alpha-24); }
.bg-info-500-alpha-32 { background-color: var(--bg-info-500-alpha-32); }
.bg-info-500-alpha-48 { background-color: var(--bg-info-500-alpha-48); }
.bg-info-500-alpha-64 { background-color: var(--bg-info-500-alpha-64); }
.bg-info-500-alpha-80 { background-color: var(--bg-info-500-alpha-80); }
.bg-info-600 { background-color: var(--info-600); }
.text-info-600 { color: var(--info-600); }
.border-info-600 { border-color: var(--info-600); }
.bg-info-600-alpha-08 { background-color: var(--bg-info-600-alpha-08); }
.bg-info-600-alpha-16 { background-color: var(--bg-info-600-alpha-16); }
.bg-info-600-alpha-24 { background-color: var(--bg-info-600-alpha-24); }
.bg-info-600-alpha-32 { background-color: var(--bg-info-600-alpha-32); }
.bg-info-600-alpha-48 { background-color: var(--bg-info-600-alpha-48); }
.bg-info-600-alpha-64 { background-color: var(--bg-info-600-alpha-64); }
.bg-info-600-alpha-80 { background-color: var(--bg-info-600-alpha-80); }
.bg-info-700 { background-color: var(--info-700); }
.text-info-700 { color: var(--info-700); }
.border-info-700 { border-color: var(--info-700); }
.bg-info-700-alpha-08 { background-color: var(--bg-info-700-alpha-08); }
.bg-info-700-alpha-16 { background-color: var(--bg-info-700-alpha-16); }
.bg-info-700-alpha-24 { background-color: var(--bg-info-700-alpha-24); }
.bg-info-700-alpha-32 { background-color: var(--bg-info-700-alpha-32); }
.bg-info-700-alpha-48 { background-color: var(--bg-info-700-alpha-48); }
.bg-info-700-alpha-64 { background-color: var(--bg-info-700-alpha-64); }
.bg-info-700-alpha-80 { background-color: var(--bg-info-700-alpha-80); }
.bg-info-800 { background-color: var(--info-800); }
.text-info-800 { color: var(--info-800); }
.border-info-800 { border-color: var(--info-800); }
.bg-info-800-alpha-08 { background-color: var(--bg-info-800-alpha-08); }
.bg-info-800-alpha-16 { background-color: var(--bg-info-800-alpha-16); }
.bg-info-800-alpha-24 { background-color: var(--bg-info-800-alpha-24); }
.bg-info-800-alpha-32 { background-color: var(--bg-info-800-alpha-32); }
.bg-info-800-alpha-48 { background-color: var(--bg-info-800-alpha-48); }
.bg-info-800-alpha-64 { background-color: var(--bg-info-800-alpha-64); }
.bg-info-800-alpha-80 { background-color: var(--bg-info-800-alpha-80); }
.bg-info-900 { background-color: var(--info-900); }
.text-info-900 { color: var(--info-900); }
.border-info-900 { border-color: var(--info-900); }
.bg-info-900-alpha-08 { background-color: var(--bg-info-900-alpha-08); }
.bg-info-900-alpha-16 { background-color: var(--bg-info-900-alpha-16); }
.bg-info-900-alpha-24 { background-color: var(--bg-info-900-alpha-24); }
.bg-info-900-alpha-32 { background-color: var(--bg-info-900-alpha-32); }
.bg-info-900-alpha-48 { background-color: var(--bg-info-900-alpha-48); }
.bg-info-900-alpha-64 { background-color: var(--bg-info-900-alpha-64); }
.bg-info-900-alpha-80 { background-color: var(--bg-info-900-alpha-80); }
.bg-info-950 { background-color: var(--info-950); }
.text-info-950 { color: var(--info-950); }
.border-info-950 { border-color: var(--info-950); }
.bg-info-950-alpha-08 { background-color: var(--bg-info-950-alpha-08); }
.bg-info-950-alpha-16 { background-color: var(--bg-info-950-alpha-16); }
.bg-info-950-alpha-24 { background-color: var(--bg-info-950-alpha-24); }
.bg-info-950-alpha-32 { background-color: var(--bg-info-950-alpha-32); }
.bg-info-950-alpha-48 { background-color: var(--bg-info-950-alpha-48); }
.bg-info-950-alpha-64 { background-color: var(--bg-info-950-alpha-64); }
.bg-info-950-alpha-80 { background-color: var(--bg-info-950-alpha-80); }

/* Basic alpha background utilities. */
.bg-uvu-alpha-08 { background-color: var(--bg-uvu-alpha-08); }
.bg-uvu-alpha-16 { background-color: var(--bg-uvu-alpha-16); }
.bg-uvu-alpha-24 { background-color: var(--bg-uvu-alpha-24); }
.bg-uvu-alpha-32 { background-color: var(--bg-uvu-alpha-32); }
.bg-uvu-alpha-48 { background-color: var(--bg-uvu-alpha-48); }
.bg-uvu-alpha-64 { background-color: var(--bg-uvu-alpha-64); }
.bg-uvu-alpha-80 { background-color: var(--bg-uvu-alpha-80); }
.bg-wolverine-alpha-08 { background-color: var(--bg-wolverine-alpha-08); }
.bg-wolverine-alpha-16 { background-color: var(--bg-wolverine-alpha-16); }
.bg-wolverine-alpha-24 { background-color: var(--bg-wolverine-alpha-24); }
.bg-wolverine-alpha-32 { background-color: var(--bg-wolverine-alpha-32); }
.bg-wolverine-alpha-48 { background-color: var(--bg-wolverine-alpha-48); }
.bg-wolverine-alpha-64 { background-color: var(--bg-wolverine-alpha-64); }
.bg-wolverine-alpha-80 { background-color: var(--bg-wolverine-alpha-80); }
.bg-valley-alpha-08 { background-color: var(--bg-valley-alpha-08); }
.bg-valley-alpha-16 { background-color: var(--bg-valley-alpha-16); }
.bg-valley-alpha-24 { background-color: var(--bg-valley-alpha-24); }
.bg-valley-alpha-32 { background-color: var(--bg-valley-alpha-32); }
.bg-valley-alpha-48 { background-color: var(--bg-valley-alpha-48); }
.bg-valley-alpha-64 { background-color: var(--bg-valley-alpha-64); }
.bg-valley-alpha-80 { background-color: var(--bg-valley-alpha-80); }
.bg-meadow-alpha-08 { background-color: var(--bg-meadow-alpha-08); }
.bg-meadow-alpha-16 { background-color: var(--bg-meadow-alpha-16); }
.bg-meadow-alpha-24 { background-color: var(--bg-meadow-alpha-24); }
.bg-meadow-alpha-32 { background-color: var(--bg-meadow-alpha-32); }
.bg-meadow-alpha-48 { background-color: var(--bg-meadow-alpha-48); }
.bg-meadow-alpha-64 { background-color: var(--bg-meadow-alpha-64); }
.bg-meadow-alpha-80 { background-color: var(--bg-meadow-alpha-80); }
.bg-seahaze-alpha-08 { background-color: var(--bg-seahaze-alpha-08); }
.bg-seahaze-alpha-16 { background-color: var(--bg-seahaze-alpha-16); }
.bg-seahaze-alpha-24 { background-color: var(--bg-seahaze-alpha-24); }
.bg-seahaze-alpha-32 { background-color: var(--bg-seahaze-alpha-32); }
.bg-seahaze-alpha-48 { background-color: var(--bg-seahaze-alpha-48); }
.bg-seahaze-alpha-64 { background-color: var(--bg-seahaze-alpha-64); }
.bg-seahaze-alpha-80 { background-color: var(--bg-seahaze-alpha-80); }
.bg-dark-green-alpha-08 { background-color: var(--bg-dark-green-alpha-08); }
.bg-dark-green-alpha-16 { background-color: var(--bg-dark-green-alpha-16); }
.bg-dark-green-alpha-24 { background-color: var(--bg-dark-green-alpha-24); }
.bg-dark-green-alpha-32 { background-color: var(--bg-dark-green-alpha-32); }
.bg-dark-green-alpha-48 { background-color: var(--bg-dark-green-alpha-48); }
.bg-dark-green-alpha-64 { background-color: var(--bg-dark-green-alpha-64); }
.bg-dark-green-alpha-80 { background-color: var(--bg-dark-green-alpha-80); }
.bg-super-alpha-08 { background-color: var(--bg-super-alpha-08); }
.bg-super-alpha-16 { background-color: var(--bg-super-alpha-16); }
.bg-super-alpha-24 { background-color: var(--bg-super-alpha-24); }
.bg-super-alpha-32 { background-color: var(--bg-super-alpha-32); }
.bg-super-alpha-48 { background-color: var(--bg-super-alpha-48); }
.bg-super-alpha-64 { background-color: var(--bg-super-alpha-64); }
.bg-super-alpha-80 { background-color: var(--bg-super-alpha-80); }
.bg-white-alpha-08 { background-color: var(--bg-white-alpha-08); }
.bg-white-alpha-16 { background-color: var(--bg-white-alpha-16); }
.bg-white-alpha-24 { background-color: var(--bg-white-alpha-24); }
.bg-white-alpha-32 { background-color: var(--bg-white-alpha-32); }
.bg-white-alpha-48 { background-color: var(--bg-white-alpha-48); }
.bg-white-alpha-64 { background-color: var(--bg-white-alpha-64); }
.bg-white-alpha-80 { background-color: var(--bg-white-alpha-80); }
.bg-off-white-alpha-08 { background-color: var(--bg-off-white-alpha-08); }
.bg-off-white-alpha-16 { background-color: var(--bg-off-white-alpha-16); }
.bg-off-white-alpha-24 { background-color: var(--bg-off-white-alpha-24); }
.bg-off-white-alpha-32 { background-color: var(--bg-off-white-alpha-32); }
.bg-off-white-alpha-48 { background-color: var(--bg-off-white-alpha-48); }
.bg-off-white-alpha-64 { background-color: var(--bg-off-white-alpha-64); }
.bg-off-white-alpha-80 { background-color: var(--bg-off-white-alpha-80); }
.bg-black-alpha-08 { background-color: var(--bg-black-alpha-08); }
.bg-black-alpha-16 { background-color: var(--bg-black-alpha-16); }
.bg-black-alpha-24 { background-color: var(--bg-black-alpha-24); }
.bg-black-alpha-32 { background-color: var(--bg-black-alpha-32); }
.bg-black-alpha-48 { background-color: var(--bg-black-alpha-48); }
.bg-black-alpha-64 { background-color: var(--bg-black-alpha-64); }
.bg-black-alpha-80 { background-color: var(--bg-black-alpha-80); }
.bg-dark-grey-alpha-08 { background-color: var(--bg-dark-grey-alpha-08); }
.bg-dark-grey-alpha-16 { background-color: var(--bg-dark-grey-alpha-16); }
.bg-dark-grey-alpha-24 { background-color: var(--bg-dark-grey-alpha-24); }
.bg-dark-grey-alpha-32 { background-color: var(--bg-dark-grey-alpha-32); }
.bg-dark-grey-alpha-48 { background-color: var(--bg-dark-grey-alpha-48); }
.bg-dark-grey-alpha-64 { background-color: var(--bg-dark-grey-alpha-64); }
.bg-dark-grey-alpha-80 { background-color: var(--bg-dark-grey-alpha-80); }
.bg-grey-alpha-08 { background-color: var(--bg-grey-alpha-08); }
.bg-grey-alpha-16 { background-color: var(--bg-grey-alpha-16); }
.bg-grey-alpha-24 { background-color: var(--bg-grey-alpha-24); }
.bg-grey-alpha-32 { background-color: var(--bg-grey-alpha-32); }
.bg-grey-alpha-48 { background-color: var(--bg-grey-alpha-48); }
.bg-grey-alpha-64 { background-color: var(--bg-grey-alpha-64); }
.bg-grey-alpha-80 { background-color: var(--bg-grey-alpha-80); }
.bg-light-grey-alpha-08 { background-color: var(--bg-light-grey-alpha-08); }
.bg-light-grey-alpha-16 { background-color: var(--bg-light-grey-alpha-16); }
.bg-light-grey-alpha-24 { background-color: var(--bg-light-grey-alpha-24); }
.bg-light-grey-alpha-32 { background-color: var(--bg-light-grey-alpha-32); }
.bg-light-grey-alpha-48 { background-color: var(--bg-light-grey-alpha-48); }
.bg-light-grey-alpha-64 { background-color: var(--bg-light-grey-alpha-64); }
.bg-light-grey-alpha-80 { background-color: var(--bg-light-grey-alpha-80); }
.bg-warm-alpha-08 { background-color: var(--bg-warm-alpha-08); }
.bg-warm-alpha-16 { background-color: var(--bg-warm-alpha-16); }
.bg-warm-alpha-24 { background-color: var(--bg-warm-alpha-24); }
.bg-warm-alpha-32 { background-color: var(--bg-warm-alpha-32); }
.bg-warm-alpha-48 { background-color: var(--bg-warm-alpha-48); }
.bg-warm-alpha-64 { background-color: var(--bg-warm-alpha-64); }
.bg-warm-alpha-80 { background-color: var(--bg-warm-alpha-80); }
.bg-sage-alpha-08 { background-color: var(--bg-sage-alpha-08); }
.bg-sage-alpha-16 { background-color: var(--bg-sage-alpha-16); }
.bg-sage-alpha-24 { background-color: var(--bg-sage-alpha-24); }
.bg-sage-alpha-32 { background-color: var(--bg-sage-alpha-32); }
.bg-sage-alpha-48 { background-color: var(--bg-sage-alpha-48); }
.bg-sage-alpha-64 { background-color: var(--bg-sage-alpha-64); }
.bg-sage-alpha-80 { background-color: var(--bg-sage-alpha-80); }
.bg-gold-alpha-08 { background-color: var(--bg-gold-alpha-08); }
.bg-gold-alpha-16 { background-color: var(--bg-gold-alpha-16); }
.bg-gold-alpha-24 { background-color: var(--bg-gold-alpha-24); }
.bg-gold-alpha-32 { background-color: var(--bg-gold-alpha-32); }
.bg-gold-alpha-48 { background-color: var(--bg-gold-alpha-48); }
.bg-gold-alpha-64 { background-color: var(--bg-gold-alpha-64); }
.bg-gold-alpha-80 { background-color: var(--bg-gold-alpha-80); }
.bg-red-alpha-08 { background-color: var(--bg-red-alpha-08); }
.bg-red-alpha-16 { background-color: var(--bg-red-alpha-16); }
.bg-red-alpha-24 { background-color: var(--bg-red-alpha-24); }
.bg-red-alpha-32 { background-color: var(--bg-red-alpha-32); }
.bg-red-alpha-48 { background-color: var(--bg-red-alpha-48); }
.bg-red-alpha-64 { background-color: var(--bg-red-alpha-64); }
.bg-red-alpha-80 { background-color: var(--bg-red-alpha-80); }
.bg-info-alpha-08 { background-color: var(--bg-info-alpha-08); }
.bg-info-alpha-16 { background-color: var(--bg-info-alpha-16); }
.bg-info-alpha-24 { background-color: var(--bg-info-alpha-24); }
.bg-info-alpha-32 { background-color: var(--bg-info-alpha-32); }
.bg-info-alpha-48 { background-color: var(--bg-info-alpha-48); }
.bg-info-alpha-64 { background-color: var(--bg-info-alpha-64); }
.bg-info-alpha-80 { background-color: var(--bg-info-alpha-80); }

/* Status utility classes. */
.bg-success { background-color: var(--success-bg); }
.text-success { color: var(--success-text); }
.border-success { border-color: var(--success-border); }
.text-success-heading { color: var(--success-heading); }
.text-success-icon { color: var(--success-icon); }
.text-success-link { color: var(--success-link); }
.bg-status-info { background-color: var(--info-bg); }
.text-status-info { color: var(--info-text); }
.border-status-info { border-color: var(--info-border); }
.text-status-info-heading { color: var(--info-heading); }
.text-status-info-icon { color: var(--info-icon); }
.text-status-info-link { color: var(--info-link); }
.bg-warning { background-color: var(--warning-bg); }
.text-warning { color: var(--warning-text); }
.border-warning { border-color: var(--warning-border); }
.text-warning-heading { color: var(--warning-heading); }
.text-warning-icon { color: var(--warning-icon); }
.text-warning-link { color: var(--warning-link); }
.bg-error { background-color: var(--error-bg); }
.text-error { color: var(--error-text); }
.border-error { border-color: var(--error-border); }
.text-error-heading { color: var(--error-heading); }
.text-error-icon { color: var(--error-icon); }
.text-error-link { color: var(--error-link); }
.bg-tip { background-color: var(--tip-bg); }
.text-tip { color: var(--tip-text); }
.border-tip { border-color: var(--tip-border); }
.text-tip-heading { color: var(--tip-heading); }
.text-tip-icon { color: var(--tip-icon); }
.text-tip-link { color: var(--tip-link); }
.bg-important { background-color: var(--important-bg); }
.text-important { color: var(--important-text); }
.border-important { border-color: var(--important-border); }
.text-important-heading { color: var(--important-heading); }
.text-important-icon { color: var(--important-icon); }
.text-important-link { color: var(--important-link); }
.bg-feature { background-color: var(--feature-bg); }
.text-feature { color: var(--feature-text); }
.border-feature { border-color: var(--feature-border); }
.text-feature-heading { color: var(--feature-heading); }
.text-feature-icon { color: var(--feature-icon); }
.text-feature-link { color: var(--feature-link); }
.bg-hint { background-color: var(--hint-bg); }
.text-hint { color: var(--hint-text); }
.border-hint { border-color: var(--hint-border); }
.text-hint-heading { color: var(--hint-heading); }
.text-hint-icon { color: var(--hint-icon); }
.text-hint-link { color: var(--hint-link); }
.bg-cookie { background-color: var(--cookie-bg); }
.text-cookie { color: var(--cookie-text); }
.border-cookie { border-color: var(--cookie-border); }
.text-cookie-heading { color: var(--cookie-heading); }
.text-cookie-icon { color: var(--cookie-icon); }
.text-cookie-link { color: var(--cookie-link); }