/* autogenerated */

/* autogenerated */

:root {
  --ideas-border-width-0: 0rem; /* 0px */
  --ideas-border-width-10: 0.0625rem; /* 1px */
  --ideas-border-width-25: 0.125rem; /* 2px */
  --ideas-border-width-50: 0.25rem; /* 4px */
  --ideas-border-width-75: 0.375rem; /* 6px */
  --ideas-border-width-100: 0.5rem; /* 8px */
  --ideas-border-width-125: 0.625rem; /* 10px */
}

/* all colors were extracted from the package `@lego/connect-global-tokens` */

/**
 * Core colors.
 */
:root {
  --ideas-color-core-white: #ffffff;
  --ideas-color-core-off-white: #fcfcfc;
  --ideas-color-core-off-black: #141414;
  --ideas-color-core-black: #000000;
  --ideas-color-core-gray-10: #fafafa;
  --ideas-color-core-gray-25: #f7f7f7;
  --ideas-color-core-gray-50: #f2f2f2;
  --ideas-color-core-gray-75: #ededed;
  --ideas-color-core-gray-100: #e5e5e5;
  --ideas-color-core-gray-200: #d9d9d9;
  --ideas-color-core-gray-300: #cbcbcb;
  --ideas-color-core-gray-400: #bebebe;
  --ideas-color-core-gray-500: #b0b0b0;
  --ideas-color-core-gray-600: #a2a2a2;
  --ideas-color-core-gray-700: #939393;
  --ideas-color-core-gray-800: #848484;
  --ideas-color-core-gray-900: #747474;
  --ideas-color-core-gray-1000: #636363;
  --ideas-color-core-gray-1100: #515151;
  --ideas-color-core-gray-1200: #3d3d3d;
  --ideas-color-core-gray-1300: #242424;
  --ideas-color-core-slate-10: #f9f9fb;
  --ideas-color-core-slate-25: #f6f6f8;
  --ideas-color-core-slate-50: #f1f1f4;
  --ideas-color-core-slate-75: #eaebf0;
  --ideas-color-core-slate-100: #e4e5ec;
  --ideas-color-core-slate-200: #d7d8e1;
  --ideas-color-core-slate-300: #cacbd5;
  --ideas-color-core-slate-400: #bcbec8;
  --ideas-color-core-slate-500: #aeb0bc;
  --ideas-color-core-slate-600: #a0a1af;
  --ideas-color-core-slate-700: #9192a1;
  --ideas-color-core-slate-800: #828393;
  --ideas-color-core-slate-900: #717384;
  --ideas-color-core-slate-1000: #606274;
  --ideas-color-core-slate-1100: #4e5062;
  --ideas-color-core-slate-1200: #3b3d4c;
  --ideas-color-core-slate-1300: #22242d;
  --ideas-color-core-red-50: #fdf1f2;
  --ideas-color-core-red-75: #fce8e9;
  --ideas-color-core-red-100: #fbdedf;
  --ideas-color-core-red-200: #fecdcf;
  --ideas-color-core-red-300: #ffbabd;
  --ideas-color-core-red-400: #ffa6a8;
  --ideas-color-core-red-500: #ff9090;
  --ideas-color-core-red-600: #ff7673;
  --ideas-color-core-red-700: #ff554f;
  --ideas-color-core-red-800: #fb1514;
  --ideas-color-core-red-900: #dd0000;
  --ideas-color-core-red-1000: #bd0000;
  --ideas-color-core-red-1100: #9b0000;
  --ideas-color-core-red-1200: #750002;
  --ideas-color-core-red-1300: #450302;
  --ideas-color-core-orange-50: #fff4eb;
  --ideas-color-core-orange-75: #feebdc;
  --ideas-color-core-orange-100: #fee0c9;
  --ideas-color-core-orange-200: #fed0ac;
  --ideas-color-core-orange-300: #fdbf8e;
  --ideas-color-core-orange-400: #fcac6d;
  --ideas-color-core-orange-500: #fa984b;
  --ideas-color-core-orange-600: #f68226;
  --ideas-color-core-orange-700: #e96f14;
  --ideas-color-core-orange-800: #c9692b;
  --ideas-color-core-orange-900: #af5d2b;
  --ideas-color-core-orange-1000: #955025;
  --ideas-color-core-orange-1100: #7b411f;
  --ideas-color-core-orange-1200: #5d3118;
  --ideas-color-core-orange-1300: #371d0e;
  --ideas-color-core-yellow-50: #fff5ad;
  --ideas-color-core-yellow-75: #ffef7a;
  --ideas-color-core-yellow-100: #ffe636;
  --ideas-color-core-yellow-200: #ffd502;
  --ideas-color-core-yellow-300: #fac400;
  --ideas-color-core-yellow-400: #f5b200;
  --ideas-color-core-yellow-500: #ef9f00;
  --ideas-color-core-yellow-600: #e88b00;
  --ideas-color-core-yellow-700: #de7700;
  --ideas-color-core-yellow-800: #d16300;
  --ideas-color-core-yellow-900: #be5100;
  --ideas-color-core-yellow-1000: #a64200;
  --ideas-color-core-yellow-1100: #8a3400;
  --ideas-color-core-yellow-1200: #692700;
  --ideas-color-core-yellow-1300: #3e1700;
  --ideas-color-core-green-50: #e6f5e5;
  --ideas-color-core-green-75: #dbf1da;
  --ideas-color-core-green-100: #d0edcf;
  --ideas-color-core-green-200: #b7e4b9;
  --ideas-color-core-green-300: #9bdaa1;
  --ideas-color-core-green-400: #7fd08b;
  --ideas-color-core-green-500: #5fc473;
  --ideas-color-core-green-600: #35b75b;
  --ideas-color-core-green-700: #00a843;
  --ideas-color-core-green-800: #00973e;
  --ideas-color-core-green-900: #008439;
  --ideas-color-core-green-1000: #007133;
  --ideas-color-core-green-1100: #005d2b;
  --ideas-color-core-green-1200: #034622;
  --ideas-color-core-green-1300: #0b2916;
  --ideas-color-core-teal-50: #e1f4f4;
  --ideas-color-core-teal-75: #d6f0f0;
  --ideas-color-core-teal-100: #c9ecec;
  --ideas-color-core-teal-200: #ade3e2;
  --ideas-color-core-teal-300: #8dd8d7;
  --ideas-color-core-teal-400: #6ecdcc;
  --ideas-color-core-teal-500: #4cc0bf;
  --ideas-color-core-teal-600: #2db2b1;
  --ideas-color-core-teal-700: #11a3a1;
  --ideas-color-core-teal-800: #009290;
  --ideas-color-core-teal-900: #00807f;
  --ideas-color-core-teal-1000: #006e6c;
  --ideas-color-core-teal-1100: #005a59;
  --ideas-color-core-teal-1200: #004443;
  --ideas-color-core-teal-1300: #002828;
  --ideas-color-core-azur-50: #ddf6fd;
  --ideas-color-core-azur-75: #cef1fd;
  --ideas-color-core-azur-100: #beedfc;
  --ideas-color-core-azur-200: #9ce3fb;
  --ideas-color-core-azur-300: #76d8fa;
  --ideas-color-core-azur-400: #4fcbf6;
  --ideas-color-core-azur-500: #2bbdef;
  --ideas-color-core-azur-600: #0dade4;
  --ideas-color-core-azur-700: #009cd3;
  --ideas-color-core-azur-800: #008cc0;
  --ideas-color-core-azur-900: #007baa;
  --ideas-color-core-azur-1000: #006993;
  --ideas-color-core-azur-1100: #005678;
  --ideas-color-core-azur-1200: #00415c;
  --ideas-color-core-azur-1300: #002636;
  --ideas-color-core-blue-50: #e5f2ff;
  --ideas-color-core-blue-75: #dbedff;
  --ideas-color-core-blue-100: #d1e8ff;
  --ideas-color-core-blue-200: #bddcfd;
  --ideas-color-core-blue-300: #a7cffb;
  --ideas-color-core-blue-400: #90c2f9;
  --ideas-color-core-blue-500: #79b4f6;
  --ideas-color-core-blue-600: #60a5f4;
  --ideas-color-core-blue-700: #4695f0;
  --ideas-color-core-blue-800: #2783eb;
  --ideas-color-core-blue-900: #006fe3;
  --ideas-color-core-blue-1000: #005ad2;
  --ideas-color-core-blue-1100: #0045b7;
  --ideas-color-core-blue-1200: #003290;
  --ideas-color-core-blue-1300: #011c58;
  --ideas-color-core-purple-50: #faf5ff;
  --ideas-color-core-purple-75: #f5ebff;
  --ideas-color-core-purple-100: #f0dfff;
  --ideas-color-core-purple-200: #e7d0ff;
  --ideas-color-core-purple-300: #debfff;
  --ideas-color-core-purple-400: #d4aeff;
  --ideas-color-core-purple-500: #cb9bff;
  --ideas-color-core-purple-600: #c187ff;
  --ideas-color-core-purple-700: #b671ff;
  --ideas-color-core-purple-800: #aa57ff;
  --ideas-color-core-purple-900: #9a37fc;
  --ideas-color-core-purple-1000: #861ee3;
  --ideas-color-core-purple-1100: #6e13bc;
  --ideas-color-core-purple-1200: #52138e;
  --ideas-color-core-purple-1300: #300c54;
  --ideas-color-core-pink-50: #fff0f6;
  --ideas-color-core-pink-75: #ffe5f0;
  --ideas-color-core-pink-100: #ffdceb;
  --ideas-color-core-pink-200: #fecbe0;
  --ideas-color-core-pink-300: #feb8d1;
  --ideas-color-core-pink-400: #ffa3c2;
  --ideas-color-core-pink-500: #ff8cb1;
  --ideas-color-core-pink-600: #ff719c;
  --ideas-color-core-pink-700: #fd5082;
  --ideas-color-core-pink-800: #f03167;
  --ideas-color-core-pink-900: #d72054;
  --ideas-color-core-pink-1000: #b91846;
  --ideas-color-core-pink-1100: #981239;
  --ideas-color-core-pink-1200: #730f2d;
  --ideas-color-core-pink-1300: #430a1d;
}

/**
 * Transparent colors.
*/
:root {
  --ideas-color-transparent-white-50: rgba(255, 255, 255, 0.17);
  --ideas-color-transparent-white-75: rgba(255, 255, 255, 0.26);
  --ideas-color-transparent-white-100: rgba(255, 255, 255, 0.34);
  --ideas-color-transparent-white-200: rgba(255, 255, 255, 0.4);
  --ideas-color-transparent-white-300: rgba(255, 255, 255, 0.46);
  --ideas-color-transparent-white-400: rgba(255, 255, 255, 0.53);
  --ideas-color-transparent-white-500: rgba(255, 255, 255, 0.58);
  --ideas-color-transparent-white-600: rgba(255, 255, 255, 0.64);
  --ideas-color-transparent-white-700: rgba(255, 255, 255, 0.69);
  --ideas-color-transparent-white-800: rgba(255, 255, 255, 0.75);
  --ideas-color-transparent-white-900: rgba(255, 255, 255, 0.8);
  --ideas-color-transparent-white-1000: rgba(255, 255, 255, 0.85);
  --ideas-color-transparent-white-1100: rgba(255, 255, 255, 0.9);
  --ideas-color-transparent-white-1200: rgba(255, 255, 255, 0.93);
  --ideas-color-transparent-white-1300: rgba(255, 255, 255, 0.94);
  --ideas-color-transparent-black-50: rgba(0, 0, 0, 0.06);
  --ideas-color-transparent-black-75: rgba(0, 0, 0, 0.07);
  --ideas-color-transparent-black-100: rgba(0, 0, 0, 0.1);
  --ideas-color-transparent-black-200: rgba(0, 0, 0, 0.15);
  --ideas-color-transparent-black-300: rgba(0, 0, 0, 0.2);
  --ideas-color-transparent-black-400: rgba(0, 0, 0, 0.25);
  --ideas-color-transparent-black-500: rgba(0, 0, 0, 0.31);
  --ideas-color-transparent-black-600: rgba(0, 0, 0, 0.36);
  --ideas-color-transparent-black-700: rgba(0, 0, 0, 0.42);
  --ideas-color-transparent-black-800: rgba(0, 0, 0, 0.48);
  --ideas-color-transparent-black-900: rgba(0, 0, 0, 0.54);
  --ideas-color-transparent-black-1000: rgba(0, 0, 0, 0.6);
  --ideas-color-transparent-black-1100: rgba(0, 0, 0, 0.67);
  --ideas-color-transparent-black-1200: rgba(0, 0, 0, 0.74);
  --ideas-color-transparent-black-1300: rgba(0, 0, 0, 0.83);
}

/**
 * Brand colors.
 */
:root {
  --ideas-color-brand-white: #f6f6f6;
  --ideas-color-brand-medium-stone-gray: #a0a0a0;
  --ideas-color-brand-dark-stone-gray: #646464;
  --ideas-color-brand-black: #000000;
  --ideas-color-brand-light-royal-blue: #78bfea;
  --ideas-color-brand-bright-blue: #006cb7;
  --ideas-color-brand-earth-blue: #00395d;
  --ideas-color-brand-bright-orange: #f47d20;
  --ideas-color-brand-dark-orange: #c3622c;
  --ideas-color-brand-light-pink: #f6adcd;
  --ideas-color-brand-bright-pink: #e3599d;
  --ideas-color-brand-medium-lavender: #9e76b4;
  --ideas-color-brand-medium-lilac: #4c2f92;
  --ideas-color-brand-dark-azur: #00a3da;
  --ideas-color-brand-bright-green: #00af4d;
  --ideas-color-brand-dark-green: #009247;
  --ideas-color-brand-earth-green: #004a2d;
  --ideas-color-brand-cool-yellow: #fff579;
  --ideas-color-brand-bright-yellow: #ffd400;
  --ideas-color-brand-flame-yellow: #fbab18;
  --ideas-color-brand-vibrant-coral: #f27173;
  --ideas-color-brand-bright-red: #dd1a22;
  --ideas-color-brand-dark-red: #7f131b;
  --ideas-color-brand-extended-teal: #009894;
  --ideas-color-brand-extended-lime-green: #afca00;
  --ideas-color-brand-extended-vip-blue: #0a4dad;
  --ideas-color-brand-extended-midnight-blue: #021c47;
  --ideas-color-brand-extended-vibrant-red: #d54250;
  --ideas-color-brand-logo-corporate-red: #e3000b;
  --ideas-color-brand-logo-yellow: #ffed00;
  --ideas-color-brand-logo-corporate-black: #000000;
  --ideas-color-brand-logo-corporate-white: #ffffff;
}

:root {
  --ideas-component-footer-space: var(--ideas-spacing-1600);
  --ideas-clutch-separator-height: var(--ideas-spacing-500);
  --ideas-component-toolbar-height: calc(var(--ideas-spacing-200) * 2 + var(--ideas-spacing-250) * 2);
}

/*
 * Transition timing functions. Not identical, but probably
 * similar to the examples seen over on https://easings.net/
 */
:root {
  --ideas-ease-linear: linear;
  --ideas-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ideas-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ideas-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ideas-ease-inquad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ideas-ease-incubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ideas-ease-inquart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ideas-ease-inquint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ideas-ease-insine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ideas-ease-inexpo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ideas-ease-incirc: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ideas-ease-inback: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ideas-ease-outquad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ideas-ease-outcubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ideas-ease-outquart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ideas-ease-outquint: cubic-bezier(0.23, 1, 0.32, 1);
  --ideas-ease-outsine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ideas-ease-outexpo: cubic-bezier(0.19, 1, 0.22, 1);
  --ideas-ease-outcirc: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ideas-ease-outback: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ideas-ease-inoutquad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ideas-ease-inoutcubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ideas-ease-inoutquart: cubic-bezier(0.77, 0, 0.175, 1);
  --ideas-ease-inoutquint: cubic-bezier(0.86, 0, 0.07, 1);
  --ideas-ease-inoutsine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --ideas-ease-inoutexpo: cubic-bezier(1, 0, 0, 1);
  --ideas-ease-inoutcirc: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ideas-ease-inoutback: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/**
 * Tokens `--ideas-layout-width` and` --ideas-layout-col-gap` are defined in file `globals.css`
 */
:root {
  /**
   * Compute the width of one single column in the layout grid.
   */
  --ideas-layout-col: calc((var(--ideas-layout-width) - var(--ideas-layout-col-gap) * 11) / 12);

  /**
   * Declare tokens for 1 to 12 columns. This is useful for setting the width of an element.
   */
  --ideas-layout-cols-1: calc(var(--ideas-layout-col) * 1 + var(--ideas-layout-col-gap) * 0);
  --ideas-layout-cols-2: calc(var(--ideas-layout-col) * 2 + var(--ideas-layout-col-gap) * 1);
  --ideas-layout-cols-3: calc(var(--ideas-layout-col) * 3 + var(--ideas-layout-col-gap) * 2);
  --ideas-layout-cols-4: calc(var(--ideas-layout-col) * 4 + var(--ideas-layout-col-gap) * 3);
  --ideas-layout-cols-5: calc(var(--ideas-layout-col) * 5 + var(--ideas-layout-col-gap) * 4);
  --ideas-layout-cols-6: calc(var(--ideas-layout-col) * 6 + var(--ideas-layout-col-gap) * 5);
  --ideas-layout-cols-7: calc(var(--ideas-layout-col) * 7 + var(--ideas-layout-col-gap) * 6);
  --ideas-layout-cols-8: calc(var(--ideas-layout-col) * 8 + var(--ideas-layout-col-gap) * 7);
  --ideas-layout-cols-9: calc(var(--ideas-layout-col) * 9 + var(--ideas-layout-col-gap) * 8);
  --ideas-layout-cols-10: calc(var(--ideas-layout-col) * 10 + var(--ideas-layout-col-gap) * 9);
  --ideas-layout-cols-11: calc(var(--ideas-layout-col) * 11 + var(--ideas-layout-col-gap) * 10);
  --ideas-layout-cols-12: calc(var(--ideas-layout-col) * 12 + var(--ideas-layout-col-gap) * 11);

  /**
   * Do the same, but add the width of the gap. This is useful for padding and margin.
   */
  --ideas-layout-cols-1-gap: calc(var(--ideas-layout-cols-1) + var(--ideas-layout-col-gap));
  --ideas-layout-cols-2-gap: calc(var(--ideas-layout-cols-2) + var(--ideas-layout-col-gap));
  --ideas-layout-cols-3-gap: calc(var(--ideas-layout-cols-3) + var(--ideas-layout-col-gap));
  --ideas-layout-cols-4-gap: calc(var(--ideas-layout-cols-4) + var(--ideas-layout-col-gap));
  --ideas-layout-cols-5-gap: calc(var(--ideas-layout-cols-5) + var(--ideas-layout-col-gap));
  --ideas-layout-cols-6-gap: calc(var(--ideas-layout-cols-6) + var(--ideas-layout-col-gap));
  --ideas-layout-cols-7-gap: calc(var(--ideas-layout-cols-7) + var(--ideas-layout-col-gap));
  --ideas-layout-cols-8-gap: calc(var(--ideas-layout-cols-9) + var(--ideas-layout-col-gap));
  --ideas-layout-cols-9-gap: calc(var(--ideas-layout-cols-9) + var(--ideas-layout-col-gap));
  --ideas-layout-cols-10-gap: calc(var(--ideas-layout-cols-10) + var(--ideas-layout-col-gap));
  --ideas-layout-cols-11-gap: calc(var(--ideas-layout-cols-11) + var(--ideas-layout-col-gap));
  --ideas-layout-cols-12-gap: calc(var(--ideas-layout-cols-12) + var(--ideas-layout-col-gap));
}

:root {
  --ideas-border-radius-50: 0.25rem; /* 4px */
  --ideas-border-radius-75: 0.375rem; /* 6px */
  --ideas-border-radius-100: 0.5rem; /* 8px */
  --ideas-border-radius-150: 0.75rem; /* 12px */
  --ideas-border-radius-200: 1rem; /* 16px */
  --ideas-border-radius-300: 1.5rem; /* 24px */
  --ideas-border-radius-400: 2rem; /* 32px */
  --ideas-border-radius-pill: 62.4375rem; /* 999px */
  --ideas-border-radius-round: 62.4375rem; /* 999px */
}

:root {
  --ideas-size-50: 0.25rem; /* 4px */
  --ideas-size-100: 0.5rem; /* 8px */
  --ideas-size-150: 0.75rem; /* 12px */
  --ideas-size-200: 1rem; /* 16px */
  --ideas-size-250: 1.25rem; /* 20px */
  --ideas-size-300: 1.5rem; /* 24px */
  --ideas-size-350: 1.75rem; /* 28px */
  --ideas-size-400: 2rem; /* 32px */
  --ideas-size-500: 2.5rem; /* 40px */
  --ideas-size-600: 3rem; /* 48px */
  --ideas-size-700: 3.5rem; /* 56px */
  --ideas-size-800: 4rem; /* 64px */
  --ideas-size-1000: 5rem; /* 80px */
  --ideas-size-1200: 6rem; /* 96px */
  --ideas-size-1400: 7rem; /* 112px */
  --ideas-size-1600: 8rem; /* 128px */
}

:root {
  --ideas-spacing-10: 0.0625rem; /* 1px */
  --ideas-spacing-25: 0.125rem; /* 2px */
  --ideas-spacing-35: 0.1875rem; /* 3px */
  --ideas-spacing-50: 0.25rem; /* 4px */
  --ideas-spacing-75: 0.375rem; /* 6px */
  --ideas-spacing-100: 0.5rem; /* 8px */
  --ideas-spacing-125: 0.625rem; /* 10px */
  --ideas-spacing-150: 0.75rem; /* 12px */
  --ideas-spacing-200: 1rem; /* 16px */
  --ideas-spacing-250: 1.25rem; /* 20px */
  --ideas-spacing-300: 1.5rem; /* 24px */
  --ideas-spacing-400: 2rem; /* 32px */
  --ideas-spacing-500: 2.5rem; /* 40px */
  --ideas-spacing-600: 3rem; /* 48px */
  --ideas-spacing-700: 3.5rem; /* 56px */
  --ideas-spacing-800: 4rem; /* 64px */
  --ideas-spacing-1000: 5rem; /* 80px */
  --ideas-spacing-1200: 6rem; /* 96px */
  --ideas-spacing-1400: 7rem; /* 112px */
  --ideas-spacing-1600: 8rem; /* 128px */
}

:root {
  --ideas-spacing-fluid-xs: clamp(1rem, 2.8571428571vw + 0.4285714286rem, 1.5rem);
  --ideas-spacing-fluid-sm: clamp(1.25rem, 4.2857142857vw + 0.3928571429rem, 2rem);
  --ideas-spacing-fluid-md: clamp(1.5rem, 5.7142857143vw + 0.3571428571rem, 2.5rem);
  --ideas-spacing-fluid-lg: clamp(2rem, 8.5714285714vw + 0.2857142857rem, 3.5rem);
  --ideas-spacing-fluid-xl: clamp(2.5rem, 14.2857142857vw - 0.3571428571rem, 5rem);
}

:root {
  --ideas-z-index-bottom: -999999;
  --ideas-z-index-default: 1;
  --ideas-z-index-masked: 100;
  --ideas-z-index-mask: 200;
  --ideas-z-index-sticky: 300;
  --ideas-z-index-nav: 400;
  --ideas-z-index-overlay: 500;
  --ideas-z-index-loader: 580;
  --ideas-z-index-popover: 700;
  --ideas-z-index-toast: 800;
  --ideas-z-index-modal: 900;
  --ideas-z-index-top: 999999;
}

:root {
  --ideas-shadow-color-dark: rgb(0 0 0 / 0.05);
  --ideas-shadow-color-darker: rgb(0 0 0 / 0.1);
  --ideas-shadow-color-transparent: rgb(0 0 0 / 0);
  --ideas-shadow-card: 0px var(--ideas-spacing-100) var(--ideas-spacing-300) 0px rgba(0, 0, 0, 0.04);
  --ideas-shadow-card-interactive: 0px var(--ideas-spacing-100) var(--ideas-spacing-300) 0px var(--ideas-color-transparent-black-100);
  --ideas-shadow-card-interactive-dark: 0px var(--ideas-spacing-100) var(--ideas-spacing-300) 0px var(--ideas-color-transparent-black-300);
}

/* The actual themes are in the `styles/palettes` folder! */

/**
 * Declare the tokens for the token validator to whitelist
 * and for the VSCode extension(s) to provide IntelliSense
 */
:root {
  --ideas-palette-base: transparent;
  --ideas-palette-lite: transparent;
  --ideas-palette-liter: transparent;
  --ideas-palette-dark: transparent;
  --ideas-palette-darker: transparent;
  --ideas-palette-deco: transparent;
  --ideas-palette-deco-alt: transparent;
  --ideas-palette-text: transparent;
  --ideas-palette-text-alt: transparent;
  --ideas-palette-focus: transparent;
  --ideas-palette-interactive-enabled: transparent;
  --ideas-palette-interactive-hovered: transparent;
  --ideas-palette-interactive-pressed: transparent;
  --ideas-palette-action-enabled: transparent;
  --ideas-palette-action-hovered: transparent;
  --ideas-palette-action-pressed: transparent;
  --ideas-palette-action-inverse: transparent;
  --ideas-palette-accent-base: transparent;
  --ideas-palette-accent-lite: transparent;
  --ideas-palette-accent-dark: transparent;
  --ideas-palette-accent-inverse: transparent;
}

/**
 * These `global` versions must be manually updated to match tokens above
 * (exluding perhaps the `action` colors since they appear to be unused)
 */
:root {
  --ideas-theme-base: transparent;
  --ideas-theme-lite: transparent;
  --ideas-theme-liter: transparent;
  --ideas-theme-dark: transparent;
  --ideas-theme-darker: transparent;
  --ideas-theme-deco: transparent;
  --ideas-theme-deco-alt: transparent;
  --ideas-theme-text: transparent;
  --ideas-theme-text-alt: transparent;
  --ideas-theme-focus: transparent;
  --ideas-theme-interactive-enabled: transparent;
  --ideas-theme-interactive-hovered: transparent;
  --ideas-theme-interactive-pressed: transparent;
  --ideas-theme-action-enabled: transparent;
  --ideas-theme-action-hovered: transparent;
  --ideas-theme-action-pressed: transparent;
  --ideas-theme-action-inverse: transparent;
  --ideas-theme-accent-base: transparent;
  --ideas-theme-accent-lite: transparent;
  --ideas-theme-accent-dark: transparent;
  --ideas-theme-accent-inverse: transparent;
}

:root {
  --ideas-font-weight-100: 100;
  --ideas-font-weight-200: 200;
  --ideas-font-weight-300: 300;
  --ideas-font-weight-400: 400;
  --ideas-font-weight-500: 500;
  --ideas-font-weight-600: 580;
  --ideas-font-weight-700: 700;
  --ideas-font-weight-800: 800;
  --ideas-font-weight-900: 900;
}

:root {
  --ideas-line-height-1: 1;
  --ideas-line-height-2: 1.15;
  --ideas-line-height-3: 1.2;
  --ideas-line-height-4: 1.3;
  --ideas-line-height-5: 1.4;
  --ideas-line-height-6: 1.5;
  --ideas-line-height-7: 1.6;
  --ideas-line-height-8: 1.75;
}

:root {
  --ideas-font-size-xs: 0.875rem;
  --ideas-font-size-sm: 1rem;
  --ideas-font-size-md: 1.125rem;
  --ideas-font-size-lg: 1.25rem;
  --ideas-font-size-xl: 1.375rem;
  --ideas-font-size-2xl: 1.5625rem;
  --ideas-font-size-3xl: 2rem;
  --ideas-font-size-4xl: 2.5rem;
  --ideas-font-size-5xl: 3.1875rem;
  --ideas-font-size-6xl: 3.875rem;
}

:root {
  --ideas-letter-spacing-neg-1: -0.02em;
  --ideas-letter-spacing-0: 0em;
  --ideas-letter-spacing-1: 0.01em;
  --ideas-letter-spacing-2: 0.08em;
  --ideas-letter-spacing-3: 0.12em;
}

/* autogenerated */

/**
 * The build step will also publish a version of this file where all
 * classnames substites `palette` with `theme` (for the global theme).
 * When editing, run `mts build:assets` to use these on the website 👀
 */
.ideas-theme {
  --ideas-theme-focus: var(--ideas-color-core-blue-700);
  --ideas-theme-interactive-enabled: var(--ideas-color-core-blue-1000);
  --ideas-theme-interactive-hovered: var(--ideas-color-core-blue-800);
  --ideas-theme-interactive-pressed: var(--ideas-color-core-blue-1200);
  --ideas-theme-accent-base: var(--ideas-color-core-yellow-400);
  --ideas-theme-accent-lite: var(--ideas-color-core-yellow-300);
  --ideas-theme-accent-dark: var(--ideas-color-core-yellow-500);
  --ideas-theme-accent-inverse: var(--ideas-color-core-black);
}
.ideas-theme.ideas-palette-black,
.ideas-theme.ideas-palette-purple,
.ideas-theme.ideas-palette-green,
.ideas-theme.ideas-palette-orange,
.ideas-theme.ideas-palette-red,
.ideas-theme.ideas-palette-pink,
.ideas-theme.ideas-palette-blue {
  --ideas-theme-text: var(--ideas-color-core-white);
  --ideas-theme-interactive-enabled: var(--ideas-color-core-white);
  --ideas-theme-interactive-hovered: var(--ideas-color-core-white);
  --ideas-theme-interactive-pressed: var(--ideas-color-core-gray-75);
  --ideas-theme-action-enabled: var(--ideas-color-core-white);
  --ideas-theme-action-hovered: var(--ideas-color-transparent-white-1200);
  --ideas-theme-action-pressed: var(--ideas-color-transparent-white-700);
  --ideas-theme-action-inverse: var(--ideas-theme-base);
}
.ideas-theme.ideas-palette-white,
.ideas-theme.ideas-palette-gray,
.ideas-theme.ideas-palette-yellow {
  --ideas-theme-text: var(--ideas-color-core-black);
  --ideas-theme-action-enabled: var(--ideas-color-core-black);
  --ideas-theme-action-hovered: var(--ideas-color-core-gray-1200);
  --ideas-theme-action-pressed: var(--ideas-color-core-gray-1300);
  --ideas-theme-action-inverse: var(--ideas-color-core-white);
}
.ideas-theme.ideas-palette-black {
  --ideas-theme-base: var(--ideas-color-core-black);
  --ideas-theme-lite: var(--ideas-color-core-gray-1300);
  --ideas-theme-liter: var(--ideas-color-core-gray-1100);
  --ideas-theme-dark: var(--ideas-color-core-gray-1300);
  --ideas-theme-darker: var(--ideas-color-core-gray-1100);
  --ideas-theme-text-alt: var(--ideas-color-core-gray-200);
}
.ideas-theme.ideas-palette-white {
  --ideas-theme-base: var(--ideas-color-core-white);
  --ideas-theme-lite: var(--ideas-color-core-gray-75);
  --ideas-theme-liter: var(--ideas-color-core-gray-200);
  --ideas-theme-dark: var(--ideas-color-core-gray-75);
  --ideas-theme-darker: var(--ideas-color-core-gray-200);
  --ideas-theme-text-alt: var(--ideas-color-core-gray-1200);
}
.ideas-theme.ideas-palette-gray {
  --ideas-theme-base: var(--ideas-color-core-gray-25);
  --ideas-theme-lite: var(--ideas-color-core-gray-100);
  --ideas-theme-liter: var(--ideas-color-core-gray-300);
  --ideas-theme-dark: var(--ideas-color-core-gray-100);
  --ideas-theme-darker: var(--ideas-color-core-gray-300);
  --ideas-theme-text-alt: var(--ideas-color-core-gray-1200);
}
.ideas-theme.ideas-palette-purple {
  --ideas-theme-base: var(--ideas-color-core-purple-1200);
  --ideas-theme-lite: var(--ideas-color-core-purple-1000);
  --ideas-theme-liter: var(--ideas-color-core-purple-800);
  --ideas-theme-dark: var(--ideas-color-core-purple-1300);
  --ideas-theme-darker: var(--ideas-color-core-purple-1300);
  --ideas-theme-text-alt: var(--ideas-color-core-purple-200);
}
.ideas-theme.ideas-palette-yellow {
  --ideas-theme-base: var(--ideas-color-core-yellow-400);
  --ideas-theme-lite: var(--ideas-color-core-yellow-300);
  --ideas-theme-liter: var(--ideas-color-core-yellow-100);
  --ideas-theme-dark: var(--ideas-color-core-yellow-500);
  --ideas-theme-darker: var(--ideas-color-core-yellow-700);
  --ideas-theme-accent-base: var(--ideas-color-core-black);
  --ideas-theme-accent-lite: var(--ideas-color-core-yellow-1300);
  --ideas-theme-accent-dark: var(--ideas-color-core-black);
  --ideas-theme-accent-inverse: var(--ideas-color-core-white);
  --ideas-theme-text-alt: var(--ideas-color-core-yellow-1200);
}
.ideas-theme.ideas-palette-green {
  --ideas-theme-base: var(--ideas-color-core-green-1000);
  --ideas-theme-lite: var(--ideas-color-core-green-800);
  --ideas-theme-liter: var(--ideas-color-core-green-600);
  --ideas-theme-dark: var(--ideas-color-core-green-1200);
  --ideas-theme-darker: var(--ideas-color-core-green-1300);
  --ideas-theme-text-alt: var(--ideas-color-core-green-200);
}
.ideas-theme.ideas-palette-orange {
  --ideas-theme-base: var(--ideas-color-core-orange-700);
  --ideas-theme-lite: var(--ideas-color-core-orange-500);
  --ideas-theme-liter: var(--ideas-color-core-orange-300);
  --ideas-theme-dark: var(--ideas-color-core-orange-900);
  --ideas-theme-darker: var(--ideas-color-core-orange-1100);
  --ideas-theme-text-alt: var(--ideas-color-core-orange-200);
}
.ideas-theme.ideas-palette-red {
  --ideas-theme-base: var(--ideas-color-core-red-1000);
  --ideas-theme-lite: var(--ideas-color-core-red-800);
  --ideas-theme-liter: var(--ideas-color-core-red-600);
  --ideas-theme-dark: var(--ideas-color-core-red-1200);
  --ideas-theme-darker: var(--ideas-color-core-red-1300);
  --ideas-theme-text-alt: var(--ideas-color-core-red-200);
}
.ideas-theme.ideas-palette-pink {
  --ideas-theme-base: var(--ideas-color-core-pink-1100);
  --ideas-theme-lite: var(--ideas-color-core-pink-1000);
  --ideas-theme-liter: var(--ideas-color-core-pink-800);
  --ideas-theme-dark: var(--ideas-color-core-pink-1200);
  --ideas-theme-darker: var(--ideas-color-core-pink-1300);
  --ideas-theme-text-alt: var(--ideas-color-core-pink-200);
}
.ideas-theme.ideas-palette-blue {
  --ideas-theme-base: var(--ideas-color-core-blue-1000);
  --ideas-theme-lite: var(--ideas-color-core-blue-800);
  --ideas-theme-liter: var(--ideas-color-core-blue-600);
  --ideas-theme-dark: var(--ideas-color-core-blue-1200);
  --ideas-theme-darker: var(--ideas-color-core-blue-1300);
  --ideas-theme-text-alt: var(--ideas-color-core-blue-200);
}
.ideas-theme.ideas-palette-success,
.ideas-theme.ideas-palette-warning,
.ideas-theme.ideas-palette-error,
.ideas-theme.ideas-palette-info {
  --ideas-theme-text: var(--ideas-color-core-black);
}
.ideas-theme.ideas-palette-success {
  --ideas-theme-base: var(--ideas-color-core-green-75);
  --ideas-theme-lite: var(--ideas-color-core-green-50);
  --ideas-theme-liter: var(--ideas-color-core-white);
  --ideas-theme-dark: var(--ideas-color-core-green-200);
  --ideas-theme-darker: var(--ideas-color-core-green-400);
  --ideas-theme-action-enabled: var(--ideas-color-core-green-900);
  --ideas-theme-action-hovered: var(--ideas-color-core-green-700);
  --ideas-theme-action-pressed: var(--ideas-color-core-green-1100);
  --ideas-theme-action-inverse: var(--ideas-color-core-white);
  --ideas-theme-text-alt: var(--ideas-color-core-green-1000);
}
.ideas-theme.ideas-palette-warning {
  --ideas-theme-base: var(--ideas-color-core-orange-75);
  --ideas-theme-lite: var(--ideas-color-core-orange-50);
  --ideas-theme-liter: var(--ideas-color-core-white);
  --ideas-theme-dark: var(--ideas-color-core-orange-200);
  --ideas-theme-darker: var(--ideas-color-core-orange-400);
  --ideas-theme-action-enabled: var(--ideas-color-core-orange-1000);
  --ideas-theme-action-hovered: var(--ideas-color-core-orange-800);
  --ideas-theme-action-pressed: var(--ideas-color-core-orange-1200);
  --ideas-theme-action-inverse: var(--ideas-color-core-white);
  --ideas-theme-text-alt: var(--ideas-color-core-orange-700);
}
.ideas-theme.ideas-palette-error {
  --ideas-theme-base: var(--ideas-color-core-red-75);
  --ideas-theme-lite: var(--ideas-color-core-red-50);
  --ideas-theme-liter: var(--ideas-color-core-white);
  --ideas-theme-dark: var(--ideas-color-core-red-100);
  --ideas-theme-darker: var(--ideas-color-core-red-300);
  --ideas-theme-action-enabled: var(--ideas-color-core-red-900);
  --ideas-theme-action-hovered: var(--ideas-color-core-red-700);
  --ideas-theme-action-pressed: var(--ideas-color-core-red-1100);
  --ideas-theme-action-inverse: var(--ideas-color-core-white);
  --ideas-theme-text-alt: var(--ideas-color-core-red-1000);
}
.ideas-theme.ideas-palette-info {
  --ideas-theme-base: var(--ideas-color-core-blue-50);
  --ideas-theme-lite: var(--ideas-color-core-white);
  --ideas-theme-liter: var(--ideas-color-core-white);
  --ideas-theme-dark: var(--ideas-color-core-blue-100);
  --ideas-theme-darker: var(--ideas-color-core-blue-300);
  --ideas-theme-action-enabled: var(--ideas-color-core-blue-1000);
  --ideas-theme-action-hovered: var(--ideas-color-core-blue-800);
  --ideas-theme-action-pressed: var(--ideas-color-core-blue-1200);
  --ideas-theme-action-inverse: var(--ideas-color-core-white);
  --ideas-theme-text-alt: var(--ideas-color-core-blue-1000);
}

/**
 * These tokens will reference other tokens and must be declared last.
 */
.ideas-theme.ideas-palette-black,
.ideas-theme.ideas-palette-purple,
.ideas-theme.ideas-palette-pink,
.ideas-theme.ideas-palette-green,
.ideas-theme.ideas-palette-red,
.ideas-theme.ideas-palette-blue {
  --ideas-theme-deco: var(--ideas-theme-lite);
  --ideas-theme-deco-alt: var(--ideas-theme-liter);
}
.ideas-theme.ideas-palette-yellow,
.ideas-theme.ideas-palette-orange,
.ideas-theme.ideas-palette-white,
.ideas-theme.ideas-palette-success,
.ideas-theme.ideas-palette-warning,
.ideas-theme.ideas-palette-error,
.ideas-theme.ideas-palette-gray,
.ideas-theme.ideas-palette-info {
  --ideas-theme-deco: var(--ideas-theme-dark);
  --ideas-theme-deco-alt: var(--ideas-theme-darker);
}

/* autogenerated */

/**
 * The build step will also publish a version of this file where all
 * classnames substites `palette` with `theme` (for the global theme).
 * When editing, run `mts build:assets` to use these on the website 👀
 */
.ideas-palette {
  --ideas-palette-focus: var(--ideas-color-core-blue-700);
  --ideas-palette-interactive-enabled: var(--ideas-color-core-blue-1000);
  --ideas-palette-interactive-hovered: var(--ideas-color-core-blue-800);
  --ideas-palette-interactive-pressed: var(--ideas-color-core-blue-1200);
  --ideas-palette-accent-base: var(--ideas-color-core-yellow-400);
  --ideas-palette-accent-lite: var(--ideas-color-core-yellow-300);
  --ideas-palette-accent-dark: var(--ideas-color-core-yellow-500);
  --ideas-palette-accent-inverse: var(--ideas-color-core-black);
}
.ideas-palette.ideas-palette-black,
.ideas-palette.ideas-palette-purple,
.ideas-palette.ideas-palette-green,
.ideas-palette.ideas-palette-orange,
.ideas-palette.ideas-palette-red,
.ideas-palette.ideas-palette-pink,
.ideas-palette.ideas-palette-blue {
  --ideas-palette-text: var(--ideas-color-core-white);
  --ideas-palette-interactive-enabled: var(--ideas-color-core-white);
  --ideas-palette-interactive-hovered: var(--ideas-color-core-white);
  --ideas-palette-interactive-pressed: var(--ideas-color-core-gray-75);
  --ideas-palette-action-enabled: var(--ideas-color-core-white);
  --ideas-palette-action-hovered: var(--ideas-color-transparent-white-1200);
  --ideas-palette-action-pressed: var(--ideas-color-transparent-white-700);
  --ideas-palette-action-inverse: var(--ideas-palette-base);
}
.ideas-palette.ideas-palette-white,
.ideas-palette.ideas-palette-gray,
.ideas-palette.ideas-palette-yellow {
  --ideas-palette-text: var(--ideas-color-core-black);
  --ideas-palette-action-enabled: var(--ideas-color-core-black);
  --ideas-palette-action-hovered: var(--ideas-color-core-gray-1200);
  --ideas-palette-action-pressed: var(--ideas-color-core-gray-1300);
  --ideas-palette-action-inverse: var(--ideas-color-core-white);
}
.ideas-palette.ideas-palette-black {
  --ideas-palette-base: var(--ideas-color-core-black);
  --ideas-palette-lite: var(--ideas-color-core-gray-1300);
  --ideas-palette-liter: var(--ideas-color-core-gray-1100);
  --ideas-palette-dark: var(--ideas-color-core-gray-1300);
  --ideas-palette-darker: var(--ideas-color-core-gray-1100);
  --ideas-palette-text-alt: var(--ideas-color-core-gray-200);
}
.ideas-palette.ideas-palette-white {
  --ideas-palette-base: var(--ideas-color-core-white);
  --ideas-palette-lite: var(--ideas-color-core-gray-75);
  --ideas-palette-liter: var(--ideas-color-core-gray-200);
  --ideas-palette-dark: var(--ideas-color-core-gray-75);
  --ideas-palette-darker: var(--ideas-color-core-gray-200);
  --ideas-palette-text-alt: var(--ideas-color-core-gray-1200);
}
.ideas-palette.ideas-palette-gray {
  --ideas-palette-base: var(--ideas-color-core-gray-25);
  --ideas-palette-lite: var(--ideas-color-core-gray-100);
  --ideas-palette-liter: var(--ideas-color-core-gray-300);
  --ideas-palette-dark: var(--ideas-color-core-gray-100);
  --ideas-palette-darker: var(--ideas-color-core-gray-300);
  --ideas-palette-text-alt: var(--ideas-color-core-gray-1200);
}
.ideas-palette.ideas-palette-purple {
  --ideas-palette-base: var(--ideas-color-core-purple-1200);
  --ideas-palette-lite: var(--ideas-color-core-purple-1000);
  --ideas-palette-liter: var(--ideas-color-core-purple-800);
  --ideas-palette-dark: var(--ideas-color-core-purple-1300);
  --ideas-palette-darker: var(--ideas-color-core-purple-1300);
  --ideas-palette-text-alt: var(--ideas-color-core-purple-200);
}
.ideas-palette.ideas-palette-yellow {
  --ideas-palette-base: var(--ideas-color-core-yellow-400);
  --ideas-palette-lite: var(--ideas-color-core-yellow-300);
  --ideas-palette-liter: var(--ideas-color-core-yellow-100);
  --ideas-palette-dark: var(--ideas-color-core-yellow-500);
  --ideas-palette-darker: var(--ideas-color-core-yellow-700);
  --ideas-palette-accent-base: var(--ideas-color-core-black);
  --ideas-palette-accent-lite: var(--ideas-color-core-yellow-1300);
  --ideas-palette-accent-dark: var(--ideas-color-core-black);
  --ideas-palette-accent-inverse: var(--ideas-color-core-white);
  --ideas-palette-text-alt: var(--ideas-color-core-yellow-1200);
}
.ideas-palette.ideas-palette-green {
  --ideas-palette-base: var(--ideas-color-core-green-1000);
  --ideas-palette-lite: var(--ideas-color-core-green-800);
  --ideas-palette-liter: var(--ideas-color-core-green-600);
  --ideas-palette-dark: var(--ideas-color-core-green-1200);
  --ideas-palette-darker: var(--ideas-color-core-green-1300);
  --ideas-palette-text-alt: var(--ideas-color-core-green-200);
}
.ideas-palette.ideas-palette-orange {
  --ideas-palette-base: var(--ideas-color-core-orange-700);
  --ideas-palette-lite: var(--ideas-color-core-orange-500);
  --ideas-palette-liter: var(--ideas-color-core-orange-300);
  --ideas-palette-dark: var(--ideas-color-core-orange-900);
  --ideas-palette-darker: var(--ideas-color-core-orange-1100);
  --ideas-palette-text-alt: var(--ideas-color-core-orange-200);
}
.ideas-palette.ideas-palette-red {
  --ideas-palette-base: var(--ideas-color-core-red-1000);
  --ideas-palette-lite: var(--ideas-color-core-red-800);
  --ideas-palette-liter: var(--ideas-color-core-red-600);
  --ideas-palette-dark: var(--ideas-color-core-red-1200);
  --ideas-palette-darker: var(--ideas-color-core-red-1300);
  --ideas-palette-text-alt: var(--ideas-color-core-red-200);
}
.ideas-palette.ideas-palette-pink {
  --ideas-palette-base: var(--ideas-color-core-pink-1100);
  --ideas-palette-lite: var(--ideas-color-core-pink-1000);
  --ideas-palette-liter: var(--ideas-color-core-pink-800);
  --ideas-palette-dark: var(--ideas-color-core-pink-1200);
  --ideas-palette-darker: var(--ideas-color-core-pink-1300);
  --ideas-palette-text-alt: var(--ideas-color-core-pink-200);
}
.ideas-palette.ideas-palette-blue {
  --ideas-palette-base: var(--ideas-color-core-blue-1000);
  --ideas-palette-lite: var(--ideas-color-core-blue-800);
  --ideas-palette-liter: var(--ideas-color-core-blue-600);
  --ideas-palette-dark: var(--ideas-color-core-blue-1200);
  --ideas-palette-darker: var(--ideas-color-core-blue-1300);
  --ideas-palette-text-alt: var(--ideas-color-core-blue-200);
}
.ideas-palette.ideas-palette-success,
.ideas-palette.ideas-palette-warning,
.ideas-palette.ideas-palette-error,
.ideas-palette.ideas-palette-info {
  --ideas-palette-text: var(--ideas-color-core-black);
}
.ideas-palette.ideas-palette-success {
  --ideas-palette-base: var(--ideas-color-core-green-75);
  --ideas-palette-lite: var(--ideas-color-core-green-50);
  --ideas-palette-liter: var(--ideas-color-core-white);
  --ideas-palette-dark: var(--ideas-color-core-green-200);
  --ideas-palette-darker: var(--ideas-color-core-green-400);
  --ideas-palette-action-enabled: var(--ideas-color-core-green-900);
  --ideas-palette-action-hovered: var(--ideas-color-core-green-700);
  --ideas-palette-action-pressed: var(--ideas-color-core-green-1100);
  --ideas-palette-action-inverse: var(--ideas-color-core-white);
  --ideas-palette-text-alt: var(--ideas-color-core-green-1000);
}
.ideas-palette.ideas-palette-warning {
  --ideas-palette-base: var(--ideas-color-core-orange-75);
  --ideas-palette-lite: var(--ideas-color-core-orange-50);
  --ideas-palette-liter: var(--ideas-color-core-white);
  --ideas-palette-dark: var(--ideas-color-core-orange-200);
  --ideas-palette-darker: var(--ideas-color-core-orange-400);
  --ideas-palette-action-enabled: var(--ideas-color-core-orange-1000);
  --ideas-palette-action-hovered: var(--ideas-color-core-orange-800);
  --ideas-palette-action-pressed: var(--ideas-color-core-orange-1200);
  --ideas-palette-action-inverse: var(--ideas-color-core-white);
  --ideas-palette-text-alt: var(--ideas-color-core-orange-700);
}
.ideas-palette.ideas-palette-error {
  --ideas-palette-base: var(--ideas-color-core-red-75);
  --ideas-palette-lite: var(--ideas-color-core-red-50);
  --ideas-palette-liter: var(--ideas-color-core-white);
  --ideas-palette-dark: var(--ideas-color-core-red-100);
  --ideas-palette-darker: var(--ideas-color-core-red-300);
  --ideas-palette-action-enabled: var(--ideas-color-core-red-900);
  --ideas-palette-action-hovered: var(--ideas-color-core-red-700);
  --ideas-palette-action-pressed: var(--ideas-color-core-red-1100);
  --ideas-palette-action-inverse: var(--ideas-color-core-white);
  --ideas-palette-text-alt: var(--ideas-color-core-red-1000);
}
.ideas-palette.ideas-palette-info {
  --ideas-palette-base: var(--ideas-color-core-blue-50);
  --ideas-palette-lite: var(--ideas-color-core-white);
  --ideas-palette-liter: var(--ideas-color-core-white);
  --ideas-palette-dark: var(--ideas-color-core-blue-100);
  --ideas-palette-darker: var(--ideas-color-core-blue-300);
  --ideas-palette-action-enabled: var(--ideas-color-core-blue-1000);
  --ideas-palette-action-hovered: var(--ideas-color-core-blue-800);
  --ideas-palette-action-pressed: var(--ideas-color-core-blue-1200);
  --ideas-palette-action-inverse: var(--ideas-color-core-white);
  --ideas-palette-text-alt: var(--ideas-color-core-blue-1000);
}

/**
 * These tokens will reference other tokens and must be declared last.
 */
.ideas-palette.ideas-palette-black,
.ideas-palette.ideas-palette-purple,
.ideas-palette.ideas-palette-pink,
.ideas-palette.ideas-palette-green,
.ideas-palette.ideas-palette-red,
.ideas-palette.ideas-palette-blue {
  --ideas-palette-deco: var(--ideas-palette-lite);
  --ideas-palette-deco-alt: var(--ideas-palette-liter);
}
.ideas-palette.ideas-palette-yellow,
.ideas-palette.ideas-palette-orange,
.ideas-palette.ideas-palette-white,
.ideas-palette.ideas-palette-success,
.ideas-palette.ideas-palette-warning,
.ideas-palette.ideas-palette-error,
.ideas-palette.ideas-palette-gray,
.ideas-palette.ideas-palette-info {
  --ideas-palette-deco: var(--ideas-palette-dark);
  --ideas-palette-deco-alt: var(--ideas-palette-darker);
}