dap-design-system/dist/variables/variables-high-contrast.css

Official design system for the DÁP (www.dap.gov.hu)

/**
 * Do not edit directly
 * Generated on Mon, 28 Apr 2025 16:26:15 GMT
 */

.high-contrast-theme {
  --dds-high-contrast-interactive: #fff500;
  --dds-high-contrast-non-interactive: #f2f2f2;
  --dds-high-contrast-link: #00c2ff;
  --dds-high-contrast-disabled: #a3abba;
  --dds-high-contrast-background: #0d0d0d;
  --dds-semantic-green-100: #f0fff8;
  --dds-semantic-green-200: #e5fff3;
  --dds-semantic-green-300: #dbffef;
  --dds-semantic-green-400: #22f18f;
  --dds-semantic-green-500: #00dd72;
  --dds-semantic-green-600: #00d164;
  --dds-semantic-green-700: #00bf53;
  --dds-semantic-green-800: #009b37;
  --dds-semantic-green-900: #00872a;
  --dds-semantic-green-1000: #007b24;
  --dds-semantic-green-1100: #005012;
  --dds-semantic-green-1200: #00430d;
  --dds-semantic-green-1300: #00390a;
  --dds-semantic-green-1400: #003408;
  --dds-semantic-green-1500: #002f07;
  --dds-semantic-green-1600: #002d06;
  --dds-semantic-green-1700: #002905;
  --dds-semantic-green-1800: #002304;
  --dds-semantic-green-1900: #002103;
  --dds-semantic-green-2000: #001a02;
  --dds-semantic-green-alpha-5: rgb(0 123 36 / 5%);
  --dds-semantic-green-alpha-10: rgb(0 123 36 / 10%);
  --dds-semantic-green-alpha-20: rgb(0 123 36 / 20%);
  --dds-semantic-green-alpha-30: rgb(0 123 36 / 30%);
  --dds-semantic-green-alpha-40: rgb(0 123 36 / 40%);
  --dds-semantic-green-alpha-50: rgb(0 123 36 / 50%);
  --dds-semantic-green-alpha-60: rgb(0 123 36 / 60%);
  --dds-semantic-green-alpha-70: rgb(0 123 36 / 70%);
  --dds-semantic-green-alpha-80: rgb(0 123 36 / 80%);
  --dds-semantic-green-alpha-90: rgb(0 123 36 / 90%);
  --dds-semantic-green-alpha-100: #007b24;
  --dds-semantic-blue-100: #f0f8fe;
  --dds-semantic-blue-200: #e8f4fd;
  --dds-semantic-blue-300: #dceffd;
  --dds-semantic-blue-400: #acdafc;
  --dds-semantic-blue-500: #86c9f7;
  --dds-semantic-blue-600: #70bef3;
  --dds-semantic-blue-700: #51aeeb;
  --dds-semantic-blue-800: #068ed0;
  --dds-semantic-blue-900: #007ab9;
  --dds-semantic-blue-1000: #006faa;
  --dds-semantic-blue-1100: #004773;
  --dds-semantic-blue-1200: #003b62;
  --dds-semantic-blue-1300: #003255;
  --dds-semantic-blue-1400: #002e4e;
  --dds-semantic-blue-1500: #002a48;
  --dds-semantic-blue-1600: #002844;
  --dds-semantic-blue-1700: #00233e;
  --dds-semantic-blue-1800: #001e36;
  --dds-semantic-blue-1900: #001c33;
  --dds-semantic-blue-2000: #00162a;
  --dds-semantic-blue-alpha-5: rgb(0 111 170 / 5%);
  --dds-semantic-blue-alpha-10: rgb(0 111 170 / 10%);
  --dds-semantic-blue-alpha-20: rgb(0 111 170 / 20%);
  --dds-semantic-blue-alpha-30: rgb(0 111 170 / 30%);
  --dds-semantic-blue-alpha-40: rgb(0 111 170 / 40%);
  --dds-semantic-blue-alpha-50: rgb(0 111 170 / 50%);
  --dds-semantic-blue-alpha-60: rgb(0 111 170 / 60%);
  --dds-semantic-blue-alpha-70: rgb(0 111 170 / 70%);
  --dds-semantic-blue-alpha-80: rgb(0 111 170 / 80%);
  --dds-semantic-blue-alpha-90: rgb(0 111 170 / 90%);
  --dds-semantic-blue-alpha-100: #006faa;
  --dds-semantic-orange-100: #fff6ec;
  --dds-semantic-orange-200: #fff4e5;
  --dds-semantic-orange-300: #ffefdb;
  --dds-semantic-orange-400: #ffca89;
  --dds-semantic-orange-500: #ffb156;
  --dds-semantic-orange-600: #ffa034;
  --dds-semantic-orange-700: #f98900;
  --dds-semantic-orange-800: #d06b00;
  --dds-semantic-orange-900: #b65b00;
  --dds-semantic-orange-1000: #a65200;
  --dds-semantic-orange-1100: #6f3300;
  --dds-semantic-orange-1200: #5e2a00;
  --dds-semantic-orange-1300: #512300;
  --dds-semantic-orange-1400: #4a2000;
  --dds-semantic-orange-1500: #441d00;
  --dds-semantic-orange-1600: #411b00;
  --dds-semantic-orange-1700: #3b1800;
  --dds-semantic-orange-1800: #341400;
  --dds-semantic-orange-1900: #301300;
  --dds-semantic-orange-2000: #270e00;
  --dds-semantic-orange-alpha-5: rgb(166 82 0 / 5%);
  --dds-semantic-orange-alpha-10: rgb(166 82 0 / 10%);
  --dds-semantic-orange-alpha-20: rgb(166 82 0 / 20%);
  --dds-semantic-orange-alpha-30: rgb(166 82 0 / 30%);
  --dds-semantic-orange-alpha-40: rgb(166 82 0 / 40%);
  --dds-semantic-orange-alpha-50: rgb(166 82 0 / 50%);
  --dds-semantic-orange-alpha-60: rgb(166 82 0 / 60%);
  --dds-semantic-orange-alpha-70: rgb(166 82 0 / 70%);
  --dds-semantic-orange-alpha-80: rgb(166 82 0 / 80%);
  --dds-semantic-orange-alpha-90: rgb(166 82 0 / 90%);
  --dds-semantic-orange-alpha-100: #a65200;
  --dds-semantic-red-100: #fff5f2;
  --dds-semantic-red-200: #ffede9;
  --dds-semantic-red-300: #ffe6df;
  --dds-semantic-red-400: #ffc6b8;
  --dds-semantic-red-500: #ffad99;
  --dds-semantic-red-600: #ff9c86;
  --dds-semantic-red-700: #ff8169;
  --dds-semantic-red-800: #f84227;
  --dds-semantic-red-900: #e32100;
  --dds-semantic-red-1000: #d40d00;
  --dds-semantic-red-1100: #8e0000;
  --dds-semantic-red-1200: #790000;
  --dds-semantic-red-1300: #680000;
  --dds-semantic-red-1400: #600000;
  --dds-semantic-red-1500: #590000;
  --dds-semantic-red-1600: #500;
  --dds-semantic-red-1700: #4d0000;
  --dds-semantic-red-1800: #400;
  --dds-semantic-red-1900: #400000;
  --dds-semantic-red-2000: #340000;
  --dds-semantic-red-alpha-5: rgb(212 13 0 / 5%);
  --dds-semantic-red-alpha-10: rgb(212 13 0 / 10%);
  --dds-semantic-red-alpha-20: rgb(212 13 0 / 20%);
  --dds-semantic-red-alpha-30: rgb(212 13 0 / 30%);
  --dds-semantic-red-alpha-40: rgb(212 13 0 / 40%);
  --dds-semantic-red-alpha-50: rgb(212 13 0 / 50%);
  --dds-semantic-red-alpha-60: rgb(212 13 0 / 60%);
  --dds-semantic-red-alpha-70: rgb(212 13 0 / 70%);
  --dds-semantic-red-alpha-80: rgb(212 13 0 / 80%);
  --dds-semantic-red-alpha-90: rgb(212 13 0 / 90%);
  --dds-semantic-red-alpha-100: #d40d00;
  --dds-cold-grey-100: #f5f7fa;
  --dds-cold-grey-200: #eef2f6;
  --dds-cold-grey-300: #e9edf2;
  --dds-cold-grey-400: #d1d7df;
  --dds-cold-grey-500: #bfc6d1;
  --dds-cold-grey-600: #b2b9c6;
  --dds-cold-grey-700: #a3abba;
  --dds-cold-grey-800: #7e8797;
  --dds-cold-grey-900: #707a8a;
  --dds-cold-grey-1000: #606b7a;
  --dds-cold-grey-1100: #404753;
  --dds-cold-grey-1200: #353b46;
  --dds-cold-grey-1300: #2b3039;
  --dds-cold-grey-1400: #282c35;
  --dds-cold-grey-1500: #242830;
  --dds-cold-grey-1600: #20242c;
  --dds-cold-grey-1700: #1c1f26;
  --dds-cold-grey-1800: #181b22;
  --dds-cold-grey-1900: #15181f;
  --dds-cold-grey-2000: #0f1115;
  --dds-cold-grey-alpha-5: rgb(96 107 122 / 5%);
  --dds-cold-grey-alpha-10: rgb(96 107 122 / 10%);
  --dds-cold-grey-alpha-20: rgb(96 107 122 / 20%);
  --dds-cold-grey-alpha-30: rgb(96 107 122 / 30%);
  --dds-cold-grey-alpha-40: rgb(96 107 122 / 40%);
  --dds-cold-grey-alpha-50: rgb(96 107 122 / 50%);
  --dds-cold-grey-alpha-60: rgb(96 107 122 / 60%);
  --dds-cold-grey-alpha-70: rgb(96 107 122 / 70%);
  --dds-cold-grey-alpha-80: rgb(96 107 122 / 80%);
  --dds-cold-grey-alpha-90: rgb(96 107 122 / 90%);
  --dds-cold-grey-alpha-100: #606b7a;
  --dds-teal-100: #f2fcfa;
  --dds-teal-200: #eafbf7;
  --dds-teal-300: #e2f8f4;
  --dds-teal-400: #86e5d1;
  --dds-teal-500: #47d7b9;
  --dds-teal-600: #23cca9;
  --dds-teal-700: #1cba9d;
  --dds-teal-800: #0f9786;
  --dds-teal-900: #078279;
  --dds-teal-1000: #027671;
  --dds-teal-1100: #094d3f;
  --dds-teal-1200: #084135;
  --dds-teal-1300: #07372c;
  --dds-teal-1400: #063229;
  --dds-teal-1500: #052e25;
  --dds-teal-1600: #052b23;
  --dds-teal-1700: #052720;
  --dds-teal-1800: #04211b;
  --dds-teal-1900: #041f19;
  --dds-teal-2000: #031814;
  --dds-teal-alpha-5: rgb(2 118 113 / 5%);
  --dds-teal-alpha-10: rgb(2 118 113 / 10%);
  --dds-teal-alpha-20: rgb(2 118 113 / 20%);
  --dds-teal-alpha-30: rgb(2 118 113 / 30%);
  --dds-teal-alpha-40: rgb(2 118 113 / 40%);
  --dds-teal-alpha-50: rgb(2 118 113 / 50%);
  --dds-teal-alpha-60: rgb(2 118 113 / 60%);
  --dds-teal-alpha-70: rgb(2 118 113 / 70%);
  --dds-teal-alpha-80: rgb(2 118 113 / 80%);
  --dds-teal-alpha-90: rgb(2 118 113 / 90%);
  --dds-teal-alpha-100: #027671;
  --dds-azure-100: #f1fdfe;
  --dds-azure-200: #e7fbfd;
  --dds-azure-300: #def9fd;
  --dds-azure-400: #63e5f4;
  --dds-azure-500: #17d4eb;
  --dds-azure-600: #14c8e1;
  --dds-azure-700: #10b5d3;
  --dds-azure-800: #0892b7;
  --dds-azure-900: #047da7;
  --dds-azure-1000: #01719d;
  --dds-azure-1100: #014966;
  --dds-azure-1200: #013d55;
  --dds-azure-1300: #003449;
  --dds-azure-1400: #003043;
  --dds-azure-1500: #002b3c;
  --dds-azure-1600: #00293a;
  --dds-azure-1700: #002534;
  --dds-azure-1800: #00202d;
  --dds-azure-1900: #001e2a;
  --dds-azure-2000: #001721;
  --dds-azure-alpha-5: rgb(1 113 157 / 5%);
  --dds-azure-alpha-10: rgb(1 113 157 / 10%);
  --dds-azure-alpha-20: rgb(1 113 157 / 20%);
  --dds-azure-alpha-30: rgb(1 113 157 / 30%);
  --dds-azure-alpha-40: rgb(1 113 157 / 40%);
  --dds-azure-alpha-50: rgb(1 113 157 / 50%);
  --dds-azure-alpha-60: rgb(1 113 157 / 60%);
  --dds-azure-alpha-70: rgb(1 113 157 / 70%);
  --dds-azure-alpha-80: rgb(1 113 157 / 80%);
  --dds-azure-alpha-90: rgb(1 113 157 / 90%);
  --dds-azure-alpha-100: #01719d;
  --dds-indigo-100: #f4f8ff;
  --dds-indigo-200: #ecf3ff;
  --dds-indigo-300: #e3ecff;
  --dds-indigo-400: #c4d3ff;
  --dds-indigo-500: #aebfff;
  --dds-indigo-600: #a2b1ff;
  --dds-indigo-700: #929eff;
  --dds-indigo-800: #647aff;
  --dds-indigo-900: #4964fb;
  --dds-indigo-1000: #4258ed;
  --dds-indigo-1100: #3130ab;
  --dds-indigo-1200: #2b2695;
  --dds-indigo-1300: #261d84;
  --dds-indigo-1400: #23197b;
  --dds-indigo-1500: #201673;
  --dds-indigo-1600: #1f146f;
  --dds-indigo-1700: #1c1066;
  --dds-indigo-1800: #180c5b;
  --dds-indigo-1900: #160b56;
  --dds-indigo-2000: #110749;
  --dds-indigo-alpha-5: rgb(66 88 237 / 5%);
  --dds-indigo-alpha-10: rgb(66 88 237 / 10%);
  --dds-indigo-alpha-20: rgb(66 88 237 / 20%);
  --dds-indigo-alpha-30: rgb(66 88 237 / 30%);
  --dds-indigo-alpha-40: rgb(66 88 237 / 40%);
  --dds-indigo-alpha-50: rgb(66 88 237 / 50%);
  --dds-indigo-alpha-60: rgb(66 88 237 / 60%);
  --dds-indigo-alpha-70: rgb(66 88 237 / 70%);
  --dds-indigo-alpha-80: rgb(66 88 237 / 80%);
  --dds-indigo-alpha-90: rgb(66 88 237 / 90%);
  --dds-indigo-alpha-100: #4258ed;
  --dds-eg-szs-gablak-100: #f5f8fa;
  --dds-eg-szs-gablak-200: #edf2f6;
  --dds-eg-szs-gablak-300: #e6edf3;
  --dds-eg-szs-gablak-400: #c4d6e3;
  --dds-eg-szs-gablak-500: #abc4d6;
  --dds-eg-szs-gablak-600: #9dbad0;
  --dds-eg-szs-gablak-700: #86aac5;
  --dds-eg-szs-gablak-800: #5b8bb0;
  --dds-eg-szs-gablak-900: #4179a4;
  --dds-eg-szs-gablak-1000: #326f9c;
  --dds-eg-szs-gablak-1100: #004b84;
  --dds-eg-szs-gablak-1200: #003a67;
  --dds-eg-szs-gablak-1300: #003157;
  --dds-eg-szs-gablak-1400: #002d50;
  --dds-eg-szs-gablak-1500: #002a49;
  --dds-eg-szs-gablak-1600: #002745;
  --dds-eg-szs-gablak-1700: #00233e;
  --dds-eg-szs-gablak-1800: #001e36;
  --dds-eg-szs-gablak-1900: #001c32;
  --dds-eg-szs-gablak-2000: #001628;
  --dds-eg-szs-gablak-alpha-5: rgb(0 75 132 / 5%);
  --dds-eg-szs-gablak-alpha-10: rgb(0 75 132 / 10%);
  --dds-eg-szs-gablak-alpha-20: rgb(0 75 132 / 20%);
  --dds-eg-szs-gablak-alpha-30: rgb(0 75 132 / 30%);
  --dds-eg-szs-gablak-alpha-40: rgb(0 75 132 / 40%);
  --dds-eg-szs-gablak-alpha-50: rgb(0 75 132 / 50%);
  --dds-eg-szs-gablak-alpha-60: rgb(0 75 132 / 60%);
  --dds-eg-szs-gablak-alpha-70: rgb(0 75 132 / 70%);
  --dds-eg-szs-gablak-alpha-80: rgb(0 75 132 / 80%);
  --dds-eg-szs-gablak-alpha-90: rgb(0 75 132 / 90%);
  --dds-eg-szs-gablak-alpha-100: #004b84;
  --dds-violet-100: #f8f5ff;
  --dds-violet-200: #f4efff;
  --dds-violet-300: #efe7ff;
  --dds-violet-400: #decaff;
  --dds-violet-500: #d0b3ff;
  --dds-violet-600: #c9a5ff;
  --dds-violet-700: #bc90ff;
  --dds-violet-800: #a065fb;
  --dds-violet-900: #8f50e8;
  --dds-violet-1000: #8445db;
  --dds-violet-1100: #59249b;
  --dds-violet-1200: #4c1c86;
  --dds-violet-1300: #411674;
  --dds-violet-1400: #3c136c;
  --dds-violet-1500: #371163;
  --dds-violet-1600: #34105f;
  --dds-violet-1700: #2f0d57;
  --dds-violet-1800: #290a4d;
  --dds-violet-1900: #260949;
  --dds-violet-2000: #1f063c;
  --dds-violet-alpha-5: rgb(132 69 219 / 5%);
  --dds-violet-alpha-10: rgb(132 69 219 / 10%);
  --dds-violet-alpha-20: rgb(132 69 219 / 20%);
  --dds-violet-alpha-30: rgb(132 69 219 / 30%);
  --dds-violet-alpha-40: rgb(132 69 219 / 40%);
  --dds-violet-alpha-50: rgb(132 69 219 / 50%);
  --dds-violet-alpha-60: rgb(132 69 219 / 60%);
  --dds-violet-alpha-70: rgb(132 69 219 / 70%);
  --dds-violet-alpha-80: rgb(132 69 219 / 80%);
  --dds-violet-alpha-90: rgb(132 69 219 / 90%);
  --dds-violet-alpha-100: #8445db;
  --dds-white-5: rgb(255 255 255 / 5%);
  --dds-white-10: rgb(255 255 255 / 10%);
  --dds-white-20: rgb(255 255 255 / 20%);
  --dds-white-30: rgb(255 255 255 / 30%);
  --dds-white-40: rgb(255 255 255 / 40%);
  --dds-white-50: rgb(255 255 255 / 50%);
  --dds-white-60: rgb(255 255 255 / 60%);
  --dds-white-70: rgb(255 255 255 / 70%);
  --dds-white-80: rgb(255 255 255 / 80%);
  --dds-white-90: rgb(255 255 255 / 90%);
  --dds-white-100: #fff;
  --dds-black-5: rgb(0 0 0 / 5%);
  --dds-black-10: rgb(0 0 0 / 10%);
  --dds-black-20: rgb(0 0 0 / 20%);
  --dds-black-30: rgb(0 0 0 / 30%);
  --dds-black-40: rgb(0 0 0 / 40%);
  --dds-black-50: rgb(0 0 0 / 50%);
  --dds-black-60: rgb(0 0 0 / 60%);
  --dds-black-70: rgb(0 0 0 / 70%);
  --dds-black-80: rgb(0 0 0 / 80%);
  --dds-black-90: rgb(0 0 0 / 90%);
  --dds-black-100: #000;
  --dds-brand-100: #f4f8ff;
  --dds-brand-200: #ecf3ff;
  --dds-brand-300: #e3ecff;
  --dds-brand-400: #c4d3ff;
  --dds-brand-500: #aebfff;
  --dds-brand-600: #a2b1ff;
  --dds-brand-700: #929eff;
  --dds-brand-800: #647aff;
  --dds-brand-900: #4964fb;
  --dds-brand-1000: #4258ed;
  --dds-brand-1100: #3130ab;
  --dds-brand-1200: #2b2695;
  --dds-brand-1300: #261d84;
  --dds-brand-1400: #23197b;
  --dds-brand-1500: #201673;
  --dds-brand-1600: #1f146f;
  --dds-brand-1700: #1c1066;
  --dds-brand-1800: #180c5b;
  --dds-brand-1900: #160b56;
  --dds-brand-2000: #110749;
  --dds-brand-alpha-5: rgb(66 88 237 / 5%);
  --dds-brand-alpha-10: rgb(66 88 237 / 10%);
  --dds-brand-alpha-20: rgb(66 88 237 / 20%);
  --dds-brand-alpha-100: #4258ed;
  --dds-neutral-100: #f5f7fa;
  --dds-neutral-200: #eef2f6;
  --dds-neutral-300: #e9edf2;
  --dds-neutral-400: #d1d7df;
  --dds-neutral-500: #bfc6d1;
  --dds-neutral-600: #b2b9c6;
  --dds-neutral-700: #a3abba;
  --dds-neutral-800: #7e8797;
  --dds-neutral-900: #707a8a;
  --dds-neutral-1000: #606b7a;
  --dds-neutral-1100: #404753;
  --dds-neutral-1200: #353b46;
  --dds-neutral-1300: #2b3039;
  --dds-neutral-1400: #282c35;
  --dds-neutral-1500: #242830;
  --dds-neutral-1600: #20242c;
  --dds-neutral-1700: #1c1f26;
  --dds-neutral-1800: #181b22;
  --dds-neutral-1900: #15181f;
  --dds-neutral-2000: #0f1115;
  --dds-neutral-alpha-5: rgb(96 107 122 / 5%);
  --dds-neutral-alpha-10: rgb(96 107 122 / 10%);
  --dds-neutral-alpha-20: rgb(96 107 122 / 20%);
  --dds-neutral-alpha-100: #606b7a;
  --dds-informative-100: #f0f8fe;
  --dds-informative-200: #e8f4fd;
  --dds-informative-300: #dceffd;
  --dds-informative-400: #acdafc;
  --dds-informative-500: #86c9f7;
  --dds-informative-600: #70bef3;
  --dds-informative-700: #51aeeb;
  --dds-informative-800: #068ed0;
  --dds-informative-900: #007ab9;
  --dds-informative-1000: #006faa;
  --dds-informative-1100: #004773;
  --dds-informative-1200: #003b62;
  --dds-informative-1300: #003255;
  --dds-informative-1400: #002e4e;
  --dds-informative-1500: #002a48;
  --dds-informative-1600: #002844;
  --dds-informative-1700: #00233e;
  --dds-informative-1800: #001e36;
  --dds-informative-1900: #001c33;
  --dds-informative-2000: #00162a;
  --dds-informative-alpha-5: rgb(0 111 170 / 5%);
  --dds-informative-alpha-10: rgb(0 111 170 / 10%);
  --dds-informative-alpha-20: rgb(0 111 170 / 20%);
  --dds-informative-alpha-100: #006faa;
  --dds-positive-100: #f0fff8;
  --dds-positive-200: #e5fff3;
  --dds-positive-300: #dbffef;
  --dds-positive-400: #22f18f;
  --dds-positive-500: #00dd72;
  --dds-positive-600: #00d164;
  --dds-positive-700: #00bf53;
  --dds-positive-800: #009b37;
  --dds-positive-900: #00872a;
  --dds-positive-1000: #007b24;
  --dds-positive-1100: #005012;
  --dds-positive-1200: #00430d;
  --dds-positive-1300: #00390a;
  --dds-positive-1400: #003408;
  --dds-positive-1500: #002f07;
  --dds-positive-1600: #002d06;
  --dds-positive-1700: #002905;
  --dds-positive-1800: #002304;
  --dds-positive-1900: #002103;
  --dds-positive-2000: #001a02;
  --dds-positive-alpha-5: rgb(0 123 36 / 5%);
  --dds-positive-alpha-10: rgb(0 123 36 / 10%);
  --dds-positive-alpha-20: rgb(0 123 36 / 20%);
  --dds-positive-alpha-100: #007b24;
  --dds-warning-100: #fff6ec;
  --dds-warning-200: #fff4e5;
  --dds-warning-300: #ffefdb;
  --dds-warning-400: #ffca89;
  --dds-warning-500: #ffb156;
  --dds-warning-600: #ffa034;
  --dds-warning-700: #f98900;
  --dds-warning-800: #d06b00;
  --dds-warning-900: #b65b00;
  --dds-warning-1000: #a65200;
  --dds-warning-1100: #6f3300;
  --dds-warning-1200: #5e2a00;
  --dds-warning-1300: #512300;
  --dds-warning-1400: #4a2000;
  --dds-warning-1500: #441d00;
  --dds-warning-1600: #411b00;
  --dds-warning-1700: #3b1800;
  --dds-warning-1800: #341400;
  --dds-warning-1900: #301300;
  --dds-warning-2000: #270e00;
  --dds-warning-alpha-5: rgb(166 82 0 / 5%);
  --dds-warning-alpha-10: rgb(166 82 0 / 10%);
  --dds-warning-alpha-20: rgb(166 82 0 / 20%);
  --dds-warning-alpha-100: #a65200;
  --dds-negative-100: #fff5f2;
  --dds-negative-200: #ffede9;
  --dds-negative-300: #ffe6df;
  --dds-negative-400: #ffc6b8;
  --dds-negative-500: #ffad99;
  --dds-negative-600: #ff9c86;
  --dds-negative-700: #ff8169;
  --dds-negative-800: #f84227;
  --dds-negative-900: #e32100;
  --dds-negative-1000: #d40d00;
  --dds-negative-1100: #8e0000;
  --dds-negative-1200: #790000;
  --dds-negative-1300: #680000;
  --dds-negative-1400: #600000;
  --dds-negative-1500: #590000;
  --dds-negative-1600: #500;
  --dds-negative-1700: #4d0000;
  --dds-negative-1800: #400;
  --dds-negative-1900: #400000;
  --dds-negative-2000: #340000;
  --dds-negative-alpha-5: rgb(212 13 0 / 5%);
  --dds-negative-alpha-10: rgb(212 13 0 / 10%);
  --dds-negative-alpha-20: rgb(212 13 0 / 20%);
  --dds-negative-alpha-100: #d40d00;
  --dds-transition-xx-slow: 2000ms;
  --dds-transition-x-slow: 1000ms;
  --dds-transition-slow: 500ms;
  --dds-transition-medium: 200ms;
  --dds-transition-fast: 150ms;
  --dds-transition-x-fast: 100ms;
  --dds-easing-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --dds-easing-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --dds-easing-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --dds-easing-linear: linear;
  --dds-font-2xs: 0.625rem;
  --dds-font-xs: 0.75rem;
  --dds-font-sm: 0.875rem;
  --dds-font-base: 1rem;
  --dds-font-lg: 1.125rem;
  --dds-font-xl: 1.25rem;
  --dds-font-2xl: 1.375rem;
  --dds-font-3xl: 1.5rem;
  --dds-font-4xl: 1.75rem;
  --dds-font-5xl: 2rem;
  --dds-font-6xl: 2.25rem;
  --dds-font-7xl: 2.5rem;
  --dds-font-8xl: 2.875rem;
  --dds-font-9xl: 3.25rem;
  --dds-font-10xl: 3.625rem;
  --dds-font-11xl: 4.125rem;
  --dds-font-12xl: 4.625rem;
  --dds-font-type: inter, sans-serif;
  --dds-font-line-height-base: 1;
  --dds-font-line-height-large: 1.25;
  --dds-font-line-height-xlarge: 1.5;
  --dds-font-weight-medium: 500;
  --dds-font-weight-bold: 700;
  --dds-tooltip-offset: 8;
  --dds-tooltip-arrow-size: 8px;
  --dds-tooltip-popup-shadow:
    0 8px 12px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 6%);
  --dds-tray-width: 250px;
  --dds-tray-min-width: 400px;
  --dds-tray-min-height: 300px;
  --dds-z-index-modal: 10;
  --dds-spacing-0: 0;
  --dds-spacing-50: 2px;
  --dds-spacing-100: 4px;
  --dds-spacing-150: 6px;
  --dds-spacing-200: 8px;
  --dds-spacing-300: 12px;
  --dds-spacing-400: 16px;
  --dds-spacing-500: 20px;
  --dds-spacing-600: 24px;
  --dds-spacing-700: 28px;
  --dds-spacing-800: 32px;
  --dds-spacing-1000: 40px;
  --dds-spacing-1200: 48px;
  --dds-spacing-1400: 56px;
  --dds-spacing-1600: 64px;
  --dds-spacing-1800: 72px;
  --dds-spacing-2000: 80px;
  --dds-spacing-2400: 96px;
  --dds-spacing-3000: 120px;
  --dds-spacing-4000: 160px;
  --dds-spacing-5000: 200px;
  --dds-spacing-6000: 240px;
  --dds-z-index-0: 0;
  --dds-z-index-10: 10;
  --dds-z-index-20: 20;
  --dds-z-index-30: 30;
  --dds-z-index-40: 40;
  --dds-z-index-50: 50;
  --dds-z-index-60: 60;
  --dds-z-index-70: 70;
  --dds-z-index-80: 80;
  --dds-z-index-90: 90;
  --dds-z-index-100: 100;
  --dds-z-index-n1: -1;
  --dds-z-index-n10: -10;
  --dds-z-index-n20: -20;
  --dds-border-width-none: 0;
  --dds-border-width-base: 1px;
  --dds-border-width-large: 2px;
  --dds-border-width-xlarge: 3px;
  --dds-border-width-2xlarge: 4px;
  --dds-radius-none: 0;
  --dds-radius-small: 4px;
  --dds-radius-base: 8px;
  --dds-radius-large: 16px;
  --dds-radius-xlarge: 24px;
  --dds-radius-rounded: 1000px;
  --dds-breakpoints-xsmall: 320px;
  --dds-breakpoints-small: 640px;
  --dds-breakpoints-medium: 768px;
  --dds-breakpoints-large: 1024px;
  --dds-breakpoints-xlarge: 1280px;
  --dds-breakpoints-2xlarge: 1536px;
  --dds-containers-xsmall: 460px;
  --dds-containers-small: 540px;
  --dds-containers-medium: 720px;
  --dds-containers-large: 960px;
  --dds-containers-xlarge: 1140px;
  --dds-containers-2xlarge: 1320px;
  --dds-icon-xsmall: 12px;
  --dds-icon-small: 16px;
  --dds-icon-base: 20px;
  --dds-icon-medium: 24px;
  --dds-icon-large: 32px;
  --dds-icon-neutral-on-inverted: #f2f2f2;
  --dds-icon-neutral-subtle: #f2f2f2;
  --dds-icon-neutral-base: #f2f2f2;
  --dds-icon-neutral-strong: #f2f2f2;
  --dds-icon-neutral-inverted: #f2f2f2;
  --dds-icon-neutral-disabled: #a3abba;
  --dds-icon-brand-subtle: #f2f2f2;
  --dds-icon-brand-base: #f2f2f2;
  --dds-icon-brand-strong: #f2f2f2;
  --dds-icon-positive-subtle: #f2f2f2;
  --dds-icon-positive-base: #f2f2f2;
  --dds-icon-positive-strong: #f2f2f2;
  --dds-icon-informative-subtle: #f2f2f2;
  --dds-icon-informative-base: #f2f2f2;
  --dds-icon-informative-strong: #f2f2f2;
  --dds-icon-warning-subtle: #f2f2f2;
  --dds-icon-warning-base: #f2f2f2;
  --dds-icon-warning-strong: #f2f2f2;
  --dds-icon-negative-subtle: #f2f2f2;
  --dds-icon-negative-base: #f2f2f2;
  --dds-icon-negative-strong: #f2f2f2;
  --dds-button-primary-background-enabled: #0d0d0d;
  --dds-button-primary-background-hover: #0d0d0d;
  --dds-button-primary-background-pressed: #0d0d0d;
  --dds-button-primary-background-disabled: #0d0d0d;
  --dds-button-primary-background-inverted-enabled: #0d0d0d;
  --dds-button-primary-background-inverted-hover: #0d0d0d;
  --dds-button-primary-background-inverted-pressed: #0d0d0d;
  --dds-button-primary-background-destructive-enabled: #0d0d0d;
  --dds-button-primary-background-destructive-hover: #0d0d0d;
  --dds-button-primary-background-destructive-pressed: #0d0d0d;
  --dds-button-primary-icon-enabled: #fff500;
  --dds-button-primary-icon-inverted: #fff500;
  --dds-button-primary-icon-disabled: #a3abba;
  --dds-button-primary-text-enabled: #fff500;
  --dds-button-primary-text-inverted: #fff500;
  --dds-button-primary-text-disabled: #a3abba;
  --dds-button-outline-border-enabled: #0d0d0d;
  --dds-button-outline-border-hover: #0d0d0d;
  --dds-button-outline-border-pressed: #0d0d0d;
  --dds-button-outline-border-disabled: #0d0d0d;
  --dds-button-outline-border-destructive-enabled: #0d0d0d;
  --dds-button-outline-border-destructive-hover: #0d0d0d;
  --dds-button-outline-border-destructive-pressed: #0d0d0d;
  --dds-button-outline-border-inverted-enabled: #0d0d0d;
  --dds-button-outline-border-inverted-hover: #0d0d0d;
  --dds-button-outline-border-inverted-pressed: #0d0d0d;
  --dds-button-outline-icon-enabled: #fff500;
  --dds-button-outline-icon-hover: #fff500;
  --dds-button-outline-icon-pressed: #fff500;
  --dds-button-outline-icon-disabled: #a3abba;
  --dds-button-outline-icon-destructive-enabled: #fff500;
  --dds-button-outline-icon-destructive-hover: #fff500;
  --dds-button-outline-icon-destructive-pressed: #fff500;
  --dds-button-outline-icon-inverted-enabled: #fff500;
  --dds-button-outline-icon-inverted-hover: #fff500;
  --dds-button-outline-icon-inverted-pressed: #fff500;
  --dds-button-outline-text-enabled: #fff500;
  --dds-button-outline-text-hover: #fff500;
  --dds-button-outline-text-pressed: #fff500;
  --dds-button-outline-text-disabled: #a3abba;
  --dds-button-outline-text-destructive-enabled: #fff500;
  --dds-button-outline-text-destructive-hover: #fff500;
  --dds-button-outline-text-destructive-pressed: #fff500;
  --dds-button-outline-text-inverted-enabled: #fff500;
  --dds-button-outline-text-inverted-hover: #fff500;
  --dds-button-outline-text-inverted-pressed: #fff500;
  --dds-button-subtle-background-enabled: #0d0d0d;
  --dds-button-subtle-background-hover: #0d0d0d;
  --dds-button-subtle-background-pressed: #0d0d0d;
  --dds-button-subtle-background-disabled: #0d0d0d;
  --dds-button-subtle-background-neutral-enabled: #0d0d0d;
  --dds-button-subtle-background-neutral-hover: #0d0d0d;
  --dds-button-subtle-background-neutral-pressed: #0d0d0d;
  --dds-button-subtle-background-destructive-enabled: #0d0d0d;
  --dds-button-subtle-background-destructive-hover: #0d0d0d;
  --dds-button-subtle-background-destructive-pressed: #0d0d0d;
  --dds-button-subtle-background-inverted-enabled: #0d0d0d;
  --dds-button-subtle-background-inverted-hover: #0d0d0d;
  --dds-button-subtle-background-inverted-pressed: #0d0d0d;
  --dds-button-subtle-icon-enabled: #fff500;
  --dds-button-subtle-icon-hover: #fff500;
  --dds-button-subtle-icon-pressed: #fff500;
  --dds-button-subtle-icon-inverted: #fff500;
  --dds-button-subtle-icon-disabled: #a3abba;
  --dds-button-subtle-icon-neutral-enabled: #fff500;
  --dds-button-subtle-icon-neutral-hover: #fff500;
  --dds-button-subtle-icon-neutral-pressed: #fff500;
  --dds-button-subtle-icon-destructive-enabled: #fff500;
  --dds-button-subtle-icon-destructive-hover: #fff500;
  --dds-button-subtle-icon-destructive-pressed: #fff500;
  --dds-button-subtle-text-enabled: #fff500;
  --dds-button-subtle-text-hover: #fff500;
  --dds-button-subtle-text-pressed: #fff500;
  --dds-button-subtle-text-inverted: #fff500;
  --dds-button-subtle-text-disabled: #a3abba;
  --dds-button-subtle-text-neutral-enabled: #fff500;
  --dds-button-subtle-text-neutral-hover: #fff500;
  --dds-button-subtle-text-neutral-pressed: #fff500;
  --dds-button-subtle-text-destructive-enabled: #fff500;
  --dds-button-subtle-text-destructive-hover: #fff500;
  --dds-button-subtle-text-destructive-pressed: #fff500;
  --dds-button-subtle-border-enabled: #0d0d0d;
  --dds-button-subtle-border-hover: #0d0d0d;
  --dds-button-subtle-border-pressed: #0d0d0d;
  --dds-button-subtle-border-disabled: #0d0d0d;
  --dds-button-subtle-border-neutral-enabled: #0d0d0d;
  --dds-button-subtle-border-neutral-hover: #0d0d0d;
  --dds-button-subtle-border-neutral-pressed: #0d0d0d;
  --dds-button-subtle-border-destructive-enabled: #0d0d0d;
  --dds-button-subtle-border-destructive-hover: #0d0d0d;
  --dds-button-subtle-border-destructive-pressed: #0d0d0d;
  --dds-button-subtle-border-inverted-enabled: #0d0d0d;
  --dds-button-subtle-border-inverted-hover: #0d0d0d;
  --dds-button-subtle-border-inverted-pressed: #0d0d0d;
  --dds-button-toggle-background-enabled: #0d0d0d;
  --dds-button-toggle-background-hover: #0d0d0d;
  --dds-button-toggle-background-pressed: #0d0d0d;
  --dds-button-toggle-background-selected-enabled: #0d0d0d;
  --dds-button-toggle-background-selected-hover: #0d0d0d;
  --dds-button-toggle-background-selected-pressed: #0d0d0d;
  --dds-button-toggle-background-disabled: #0d0d0d;
  --dds-button-toggle-content-enabled: #fff500;
  --dds-button-toggle-content-hover: #fff500;
  --dds-button-toggle-content-pressed: #fff500;
  --dds-button-toggle-content-selected-enabled: #fff500;
  --dds-button-toggle-content-selected-hover: #fff500;
  --dds-button-toggle-content-selected-pressed: #fff500;
  --dds-button-toggle-content-disabled: #a3abba;
  --dds-button-toggle-border-enabled: #0d0d0d;
  --dds-button-toggle-border-hover: #0d0d0d;
  --dds-button-toggle-border-pressed: #0d0d0d;
  --dds-button-toggle-border-disabled: #0d0d0d;
  --dds-banner-background-brand: #0d0d0d;
  --dds-banner-background-positive: #0d0d0d;
  --dds-banner-background-informative: #0d0d0d;
  --dds-banner-background-warning: #0d0d0d;
  --dds-banner-background-negative: #0d0d0d;
  --dds-banner-icon-brand: #f2f2f2;
  --dds-banner-icon-positive: #f2f2f2;
  --dds-banner-icon-informative: #f2f2f2;
  --dds-banner-icon-warning: #f2f2f2;
  --dds-banner-icon-negative: #f2f2f2;
  --dds-banner-text-brand: #f2f2f2;
  --dds-banner-text-positive: #f2f2f2;
  --dds-banner-text-informative: #f2f2f2;
  --dds-banner-text-warning: #f2f2f2;
  --dds-banner-text-negative: #f2f2f2;
  --dds-banner-action-enabled: #00c2ff;
  --dds-banner-action-hover: #00c2ff;
  --dds-banner-action-pressed: #00c2ff;
  --dds-banner-action-focused: #00c2ff;
  --dds-banner-action-inverted-enabled: #00c2ff;
  --dds-banner-action-inverted-hover: #00c2ff;
  --dds-banner-action-inverted-pressed: #00c2ff;
  --dds-banner-action-inverted-focused: #00c2ff;
  --dds-fields-background-default: #0d0d0d;
  --dds-fields-background-default-none: rgb(0 0 0 / 0%);
  --dds-fields-background-read-only: #0d0d0d;
  --dds-fields-background-read-only-none: rgb(0 0 0 / 0%);
  --dds-fields-background-disabled: #0d0d0d;
  --dds-fields-background-disabled-none: rgb(0 0 0 / 0%);
  --dds-link-enabled: #00c2ff;
  --dds-link-hover: #00c2ff;
  --dds-link-pressed: #00c2ff;
  --dds-link-visited: #00c2ff;
  --dds-link-neutral-enabled: #00c2ff;
  --dds-link-neutral-hover: #00c2ff;
  --dds-link-neutral-pressed: #00c2ff;
  --dds-link-neutral-visited: #00c2ff;
  --dds-link-inverted-enabled: #00c2ff;
  --dds-link-inverted-hover: #00c2ff;
  --dds-link-inverted-pressed: #00c2ff;
  --dds-link-inverted-visited: #00c2ff;
  --dds-title: string value;
  --dds-subtitle: string value;
  --dds-focus-outer-ring: #00c2ff;
  --dds-focus-inner-ring: #0d0d0d;
  --dds-dap-logo: #f2f2f2;
  --dds-dap-logo-inverted: #f2f2f2;
  --dds-background-neutral-subtle: #0d0d0d;
  --dds-background-neutral-base: #0d0d0d;
  --dds-background-neutral-medium: #0d0d0d;
  --dds-background-neutral-strong: #0d0d0d;
  --dds-background-neutral-stronger: #0d0d0d;
  --dds-background-neutral-disabled: #a3abba;
  --dds-background-neutral-base-inverted: #0d0d0d;
  --dds-background-neutral-medium-inverted: #0d0d0d;
  --dds-background-neutral-strong-inverted: #0d0d0d;
  --dds-background-neutral-disabled-inverted: #0d0d0d;
  --dds-background-neutral-read-only: #a3abba;
  --dds-background-brand-subtle: #0d0d0d;
  --dds-background-brand-base: #0d0d0d;
  --dds-background-brand-medium: #0d0d0d;
  --dds-background-brand-strong: #0d0d0d;
  --dds-background-brand-base-inverted: #0d0d0d;
  --dds-background-brand-medium-inverted: #0d0d0d;
  --dds-background-brand-strong-inverted: #0d0d0d;
  --dds-background-positive-subtle: #0d0d0d;
  --dds-background-positive-base: #0d0d0d;
  --dds-background-positive-medium: #0d0d0d;
  --dds-background-positive-strong: #0d0d0d;
  --dds-background-positive-base-inverted: #0d0d0d;
  --dds-background-positive-medium-inverted: #0d0d0d;
  --dds-background-positive-strong-inverted: #0d0d0d;
  --dds-background-informative-subtle: #0d0d0d;
  --dds-background-informative-base: #0d0d0d;
  --dds-background-informative-medium: #0d0d0d;
  --dds-background-informative-strong: #0d0d0d;
  --dds-background-informative-base-inverted: #0d0d0d;
  --dds-background-informative-medium-inverted: #0d0d0d;
  --dds-background-informative-strong-inverted: #0d0d0d;
  --dds-background-warning-subtle: #0d0d0d;
  --dds-background-warning-base: #0d0d0d;
  --dds-background-warning-medium: #0d0d0d;
  --dds-background-warning-strong: #0d0d0d;
  --dds-background-warning-base-inverted: #0d0d0d;
  --dds-background-warning-medium-inverted: #0d0d0d;
  --dds-background-warning-strong-inverted: #0d0d0d;
  --dds-background-negative-subtle: #0d0d0d;
  --dds-background-negative-base: #0d0d0d;
  --dds-background-negative-medium: #0d0d0d;
  --dds-background-negative-strong: #0d0d0d;
  --dds-background-negative-base-inverted: #0d0d0d;
  --dds-background-negative-medium-inverted: #0d0d0d;
  --dds-background-negative-strong-inverted: #0d0d0d;
  --dds-text-neutral-on-inverted: #f2f2f2;
  --dds-text-neutral-subtle: #f2f2f2;
  --dds-text-neutral-base: #f2f2f2;
  --dds-text-neutral-strong: #f2f2f2;
  --dds-text-neutral-inverted: #f2f2f2;
  --dds-text-neutral-disabled: #a3abba;
  --dds-text-neutral-placeholder: #a3abba;
  --dds-text-brand-subtle: #f2f2f2;
  --dds-text-brand-base: #f2f2f2;
  --dds-text-brand-strong: #f2f2f2;
  --dds-text-positive-subtle: #f2f2f2;
  --dds-text-positive-base: #f2f2f2;
  --dds-text-positive-strong: #f2f2f2;
  --dds-text-informative-subtle: #f2f2f2;
  --dds-text-informative-base: #f2f2f2;
  --dds-text-informative-strong: #f2f2f2;
  --dds-text-warning-subtle: #f2f2f2;
  --dds-text-warning-base: #f2f2f2;
  --dds-text-warning-strong: #f2f2f2;
  --dds-text-negative-subtle: #f2f2f2;
  --dds-text-negative-base: #f2f2f2;
  --dds-text-negative-strong: #f2f2f2;
  --dds-border-neutral-transparent: #f2f2f2;
  --dds-border-neutral-transparent-disabled: #a3abba;
  --dds-border-neutral-transparent-interactive: #fff500;
  --dds-border-neutral-subtle: #f2f2f2;
  --dds-border-neutral-base: #f2f2f2;
  --dds-border-neutral-medium: #f2f2f2;
  --dds-border-neutral-strong: #f2f2f2;
  --dds-border-neutral-divider: #f2f2f2;
  --dds-border-neutral-divider-inverted: #f2f2f2;
  --dds-border-neutral-disabled: #a3abba;
  --dds-border-neutral-inverted: #f2f2f2;
  --dds-border-brand-subtle: #f2f2f2;
  --dds-border-brand-base: #f2f2f2;
  --dds-border-brand-medium: #f2f2f2;
  --dds-border-brand-strong: #f2f2f2;
  --dds-border-positive-subtle: #f2f2f2;
  --dds-border-positive-base: #f2f2f2;
  --dds-border-positive-medium: #f2f2f2;
  --dds-border-positive-strong: #f2f2f2;
  --dds-border-informative-subtle: #f2f2f2;
  --dds-border-informative-base: #f2f2f2;
  --dds-border-informative-medium: #f2f2f2;
  --dds-border-informative-strong: #f2f2f2;
  --dds-border-warning-subtle: #f2f2f2;
  --dds-border-warning-base: #f2f2f2;
  --dds-border-warning-medium: #f2f2f2;
  --dds-border-warning-strong: #f2f2f2;
  --dds-border-negative-subtle: #f2f2f2;
  --dds-border-negative-base: #f2f2f2;
  --dds-border-negative-medium: #f2f2f2;
  --dds-border-negative-strong: #f2f2f2;
  --dds-transparent-black-subtle: #0d0d0d;
  --dds-transparent-black-base: #0d0d0d;
  --dds-transparent-black-medium: #0d0d0d;
  --dds-transparent-black-strong: #0d0d0d;
  --dds-transparent-black-subtle-static: #0d0d0d;
  --dds-transparent-black-base-static: #0d0d0d;
  --dds-transparent-black-medium-static: #0d0d0d;
  --dds-transparent-black-strong-static: #0d0d0d;
  --dds-transparent-black-none: rgb(255 255 255 / 0%);
  --dds-transparent-white-subtle: #0d0d0d;
  --dds-transparent-white-base: #0d0d0d;
  --dds-transparent-white-medium: #0d0d0d;
  --dds-transparent-white-strong: #0d0d0d;
  --dds-transparent-white-subtle-static: #f2f2f2;
  --dds-transparent-white-base-static: #f2f2f2;
  --dds-transparent-white-medium-static: #f2f2f2;
  --dds-transparent-white-strong-static: #f2f2f2;
  --dds-transparent-white-none: rgb(0 0 0 / 0%);
}