:root{
    --hx-color-green: #95D689;
    --hx-color-green-100: #F3F9F2;
    --hx-color-green-200: #E1F2DE;
    --hx-color-green-300: #BFE4B9;
    --hx-color-green-400: #95D689;
    --hx-color-green-500: #5AC73C;
    --hx-color-green-600: #4DAC33;
    --hx-color-green-700: #3F8C2A;
    --hx-color-green-800: #2D631E;
    --hx-color-red: #ED8389;
    --hx-color-red-100: #FCF2F2;
    --hx-color-red-200: #F9DDDE;
    --hx-color-red-300: #F3B6B9;
    --hx-color-red-400: #ED8389;
    --hx-color-red-500: #E7233B;
    --hx-color-red-600: #C81E33;
    --hx-color-red-700: #A31829;
    --hx-color-red-800: #73111D;
    --hx-color-orange: #FFA97F;
    --hx-color-orange-100: #FFF5F1;
    --hx-color-orange-200: #FFE6DC;
    --hx-color-orange-300: #FFCAB4;
    --hx-color-orange-400: #FFA97F;
    --hx-color-orange-500: #FF8100;
    --hx-color-orange-600: #DC6F00;
    --hx-color-orange-700: #B45B00;
    --hx-color-orange-800: #7F4000;
    --hx-color-blue: #8DB1F9;
    --hx-color-blue-100: #F2F6FE;
    --hx-color-blue-200: #DFE7FD;
    --hx-color-blue-300: #BACEFB;
    --hx-color-blue-400: #8DB1F9;
    --hx-color-blue-500: #468EF7;
    --hx-color-blue-600: #3C7AD5;
    --hx-color-blue-700: #3164AE;
    --hx-color-blue-800: #23477B;
    --hx-color-navy: #949FA6;
    --hx-color-navy-50: #F7F9FA;
    --hx-color-navy-100: #F3F4F5;
    --hx-color-navy-200: #E1E3E5;
    --hx-color-navy-300: #BEC4C8;
    --hx-color-navy-400: #949FA6;
    --hx-color-navy-500: #576F7B;
    --hx-color-navy-600: #4B606A;
    --hx-color-navy-700: #3D4E56;
    --hx-color-navy-800: #2B373D;
    --hx-color-primary: #00A1A2;
    --hx-color-primary-50: #F2FAFA;
    --hx-color-primary-100: #E5F6F6;
    --hx-color-primary-200: #CCECEC;
    --hx-color-primary-300: #B3E3E3;
    --hx-color-primary-400: #99D9DA;
    --hx-color-primary-500: #66C7C7;
    --hx-color-primary-600: #33B4B5;
    --hx-color-primary-700: #00A1A2;
    --hx-color-primary-800: #006465;
    --hx-color-primary-900: #005051;
    --hx-color-secondary: #073B53;
    --hx-color-secondary-50: #F3F5F6;
    --hx-color-secondary-100: #E6EBEE;
    --hx-color-secondary-200: #CDD8DD;
    --hx-color-secondary-300: #B5C4CB;
    --hx-color-secondary-400: #9CB1BA;
    --hx-color-secondary-500: #70909F;
    --hx-color-secondary-600: #164A62;
    --hx-color-secondary-700: #073B53;
    --hx-color-secondary-800: #00273F;
    --hx-color-secondary-900: #00273F;
    --hx-color-azure: #94D1E5;
    --hx-color-azure-100: #F3F9FB;
    --hx-color-azure-200: #E1F0F6;
    --hx-color-azure-300: #BEE1EE;
    --hx-color-azure-400: #94D1E5;
    --hx-color-azure-500: #57C0DC;
    --hx-color-azure-600: #4BA6BE;
    --hx-color-azure-700: #3D879B;
    --hx-color-azure-800: #2B606E;
    --hx-color-pink: #E398BC;
    --hx-color-pink-100: #FBF3F7;
    --hx-color-pink-200: #F6E1EB;
    --hx-color-pink-300: #EDC0D5;
    --hx-color-pink-400: #E398BC;
    --hx-color-pink-500: #DA60A1;
    --hx-color-pink-600: #BC538B;
    --hx-color-pink-700: #9A4371;
    --hx-color-pink-800: #6D3050;
    --hx-color-bronze: #C2A77F;
    --hx-color-bronze-100: #F7F5F1;
    --hx-color-bronze-200: #ECE5DC;
    --hx-color-bronze-300: #D8C9B4;
    --hx-color-bronze-400: #C2A77F;
    --hx-color-bronze-500: #AA7E0D;
    --hx-color-bronze-600: #936D0B;
    --hx-color-bronze-700: #785909;
    --hx-color-bronze-800: #553F06;
    --hx-color-lime: #DCE591;
    --hx-color-lime-100: #FAFBF3;
    --hx-color-lime-200: #F4F6E0;
    --hx-color-lime-300: #E8EEBC;
    --hx-color-lime-400: #DCE591;
    --hx-color-lime-500: #D0DC50;
    --hx-color-lime-600: #B4BE45;
    --hx-color-lime-700: #939B38;
    --hx-color-lime-800: #686E28;
    --hx-color-yellow: #FCF098;
    --hx-color-yellow-100: #FEFDF3;
    --hx-color-yellow-200: #FEFAE1;
    --hx-color-yellow-300: #FDF5C0;
    --hx-color-yellow-400: #FCF098;
    --hx-color-yellow-500: #FCEC60;
    --hx-color-yellow-600: #DACC53;
    --hx-color-yellow-700: #B2A643;
    --hx-color-yellow-800: #7E7630;
    --hx-color-brown: #AD9F9A;
    --hx-color-brown-100: #F5F4F4;
    --hx-color-brown-200: #E7E3E2;
    --hx-color-brown-300: #CCC4C1;
    --hx-color-brown-400: #AD9F9A;
    --hx-color-brown-500: #886F65;
    --hx-color-brown-600: #756057;
    --hx-color-brown-700: #604E47;
    --hx-color-brown-800: #443732;
    --hx-color-peach: #F2A591;
    --hx-color-peach-100: #FDF4F3;
    --hx-color-peach-200: #FAE4E0;
    --hx-color-peach-300: #F6C7BC;
    --hx-color-peach-400: #F2A591;
    --hx-color-peach-500: #EE7950;
    --hx-color-peach-600: #CE6845;
    --hx-color-peach-700: #A85538;
    --hx-color-peach-800: #773C28;
    --hx-color-indigo: #979DCE;
    --hx-color-indigo-100: #F3F4F9;
    --hx-color-indigo-200: #E1E3EF;
    --hx-color-indigo-300: #C0C3DF;
    --hx-color-indigo-400: #979DCE;
    --hx-color-indigo-500: #5F6BBB;
    --hx-color-indigo-600: #525CA1;
    --hx-color-indigo-700: #434B84;
    --hx-color-indigo-800: #2F355D;
    --hx-color-purple: #AF96F9;
    --hx-color-purple-100: #f5f3fe;
    --hx-color-purple-200: #e7e1fd;
    --hx-color-purple-300: #cdbffb;
    --hx-color-purple-400: #af96f9;
    --hx-color-purple-500: #8b5cf7;
    --hx-color-purple-600: #784fd5;
    --hx-color-purple-700: #6241ae;
    --hx-color-purple-800: #452e7b;
    --hx-color-black: #000;
    --hx-color-white: #FFFFFF
}
:root{
    --hx-colors-base-black: #000000;
    --hx-colors-base-white: #ffffff;
    --hx-colors-base-transparent: rgba(255, 255, 255, 0);
    --hx-colors-gray-lightmode-25: #f7f9fc;
    --hx-colors-gray-lightmode-50: #e9edf2;
    --hx-colors-gray-lightmode-100: #d3dbdf;
    --hx-colors-gray-lightmode-200: #b2bbc2;
    --hx-colors-gray-lightmode-300: #829097;
    --hx-colors-gray-lightmode-400: #6c787e;
    --hx-colors-gray-lightmode-500: #4c5a61;
    --hx-colors-gray-lightmode-600: #455258;
    --hx-colors-gray-lightmode-700: #364045;
    --hx-colors-gray-lightmode-800: #2a3235;
    --hx-colors-gray-lightmode-900: #202629;
    --hx-colors-primary-25: #fdf9f6;
    --hx-colors-primary-50: #f9eee6;
    --hx-colors-primary-100: #eccbb0;
    --hx-colors-primary-200: #e3b28a;
    --hx-colors-primary-300: #d68e54;
    --hx-colors-primary-400: #d0752a;
    --hx-colors-primary-500: #bd5705;
    --hx-colors-primary-600: #a84b00;
    --hx-colors-primary-700: #8a3e00;
    --hx-colors-primary-800: #6b3000;
    --hx-colors-primary-900: #512500;
    --hx-colors-secondary-25: #f1f8f9;
    --hx-colors-secondary-50: #e1f1f2;
    --hx-colors-secondary-100: #b0d9dc;
    --hx-colors-secondary-200: #8ac6cb;
    --hx-colors-secondary-300: #54acb4;
    --hx-colors-secondary-400: #339ca5;
    --hx-colors-secondary-500: #00838f;
    --hx-colors-secondary-600: #007782;
    --hx-colors-secondary-700: #005d66;
    --hx-colors-secondary-800: #00484f;
    --hx-colors-secondary-900: #00373c;
    --hx-colors-tertiary-25: #f5f7f9;
    --hx-colors-tertiary-50: #e6ebee;
    --hx-colors-tertiary-100: #b2c2ca;
    --hx-colors-tertiary-200: #8da5b0;
    --hx-colors-tertiary-300: #597c8c;
    --hx-colors-tertiary-400: #396275;
    --hx-colors-tertiary-500: #073b53;
    --hx-colors-tertiary-600: #06364c;
    --hx-colors-tertiary-700: #052a3b;
    --hx-colors-tertiary-800: #04202e;
    --hx-colors-tertiary-900: #031923;
    --hx-colors-success-25: #f7fcf6;
    --hx-colors-success-50: #e9f3e6;
    --hx-colors-success-100: #badab1;
    --hx-colors-success-200: #98c88b;
    --hx-colors-success-300: #69af55;
    --hx-colors-success-400: #4ca035;
    --hx-colors-success-500: #1f8802;
    --hx-colors-success-600: #1c7c02;
    --hx-colors-success-700: #166101;
    --hx-colors-success-800: #114b01;
    --hx-colors-success-900: #0d3901;
    --hx-colors-warning-25: #fffef8;
    --hx-colors-warning-50: #fdfaeb;
    --hx-colors-warning-100: #f9f0c1;
    --hx-colors-warning-200: #f6e8a3;
    --hx-colors-warning-300: #f2de79;
    --hx-colors-warning-400: #efd75f;
    --hx-colors-warning-500: #ddc23d;
    --hx-colors-warning-600: #cbb12a;
    --hx-colors-warning-700: #9e8a22;
    --hx-colors-warning-800: #706217;
    --hx-colors-warning-900: #5d5012;
    --hx-colors-notice-25: #f5f8fe;
    --hx-colors-notice-50: #eaf1fc;
    --hx-colors-notice-100: #bed4f4;
    --hx-colors-notice-200: #9ebfef;
    --hx-colors-notice-300: #72a1e8;
    --hx-colors-notice-400: #568fe4;
    --hx-colors-notice-500: #2c73dd;
    --hx-colors-notice-600: #2869c9;
    --hx-colors-notice-700: #1f529d;
    --hx-colors-notice-800: #183f7a;
    --hx-colors-notice-900: #12305d;
    --hx-colors-error-25: #fff9f9;
    --hx-colors-error-50: #fbebeb;
    --hx-colors-error-100: #f4c0c0;
    --hx-colors-error-200: #eea1a1;
    --hx-colors-error-300: #e77676;
    --hx-colors-error-400: #e25c5c;
    --hx-colors-error-500: #db3333;
    --hx-colors-error-600: #c72e2e;
    --hx-colors-error-700: #9b2424;
    --hx-colors-error-800: #781c1c;
    --hx-colors-error-900: #5c1515;
    --hx-colors-purple-25: #f8f5ff;
    --hx-colors-purple-50: #f3effc;
    --hx-colors-purple-100: #d9ccf6;
    --hx-colors-purple-200: #c6b4f1;
    --hx-colors-purple-300: #ac91eb;
    --hx-colors-purple-400: #9c7ce7;
    --hx-colors-purple-500: #835be1;
    --hx-colors-purple-600: #7753cd;
    --hx-colors-purple-700: #5d41a0;
    --hx-colors-purple-800: #48327c;
    --hx-colors-purple-900: #37265f;
    --hx-colors-azure-25: #f2f9fc;
    --hx-colors-azure-50: #e6f2f6;
    --hx-colors-azure-100: #b0d7e4;
    --hx-colors-azure-200: #8ac4d7;
    --hx-colors-azure-300: #54a9c5;
    --hx-colors-azure-400: #3398b9;
    --hx-colors-azure-500: #007ea8;
    --hx-colors-azure-600: #007399;
    --hx-colors-azure-700: #005977;
    --hx-colors-azure-800: #00455c;
    --hx-colors-azure-azure-900: #003547;
    --hx-colors-pink-25: #fdf5f9;
    --hx-colors-pink-50: #f9edf3;
    --hx-colors-pink-100: #ebc7db;
    --hx-colors-pink-200: #e2acc9;
    --hx-colors-pink-300: #d586b1;
    --hx-colors-pink-400: #cd6fa1;
    --hx-colors-pink-500: #c04b8a;
    --hx-colors-pink-600: #af447e;
    --hx-colors-pink-700: #883562;
    --hx-colors-pink-800: #6a294c;
    --hx-colors-pink-900: #51203a;
    --hx-colors-bronze-25: #fcf9f2;
    --hx-colors-bronze-50: #f5f1e6;
    --hx-colors-bronze-100: #e0d2b0;
    --hx-colors-bronze-200: #d1bc8a;
    --hx-colors-bronze-300: #bc9e54;
    --hx-colors-bronze-400: #af8b33;
    --hx-colors-bronze-500: #9b6e00;
    --hx-colors-bronze-600: #8d6400;
    --hx-colors-bronze-700: #6e4e00;
    --hx-colors-bronze-800: #553d00;
    --hx-colors-bronze-900: #412e00;
    --hx-colors-brown-25: #f9f7f6;
    --hx-colors-brown-50: #f3f1f0;
    --hx-colors-brown-100: #dad3d0;
    --hx-colors-brown-200: #c8beba;
    --hx-colors-brown-300: #afa19a;
    --hx-colors-brown-400: #9f8e86;
    --hx-colors-brown-500: #877268;
    --hx-colors-brown-600: #7b685f;
    --hx-colors-brown-700: #60514a;
    --hx-colors-brown-800: #4a3f39;
    --hx-colors-brown-900: #39302c;
    --hx-colors-coral-25: #fbf6f6;
    --hx-colors-coral-50: #f9eeed;
    --hx-colors-coral-100: #edc9c7;
    --hx-colors-coral-200: #e4afab;
    --hx-colors-coral-300: #d88a85;
    --hx-colors-coral-400: #d1746d;
    --hx-colors-coral-500: #c55149;
    --hx-colors-coral-600: #b34a42;
    --hx-colors-coral-700: #8c3a34;
    --hx-colors-coral-800: #6c2d28;
    --hx-colors-coral-900: #53221f;
    --hx-colors-indigo-25: #f3f5fc;
    --hx-colors-indigo-50: #eff1f9;
    --hx-colors-indigo-100: #ced2eb;
    --hx-colors-indigo-200: #b7bde2;
    --hx-colors-indigo-300: #969fd5;
    --hx-colors-indigo-400: #818ccd;
    --hx-colors-indigo-500: #626fc0;
    --hx-colors-indigo-600: #5965af;
    --hx-colors-indigo-700: #464f88;
    --hx-colors-indigo-800: #363d6a;
    --hx-colors-indigo-900: #292f51;
    --hx-colors-moss-25: #f5f8f1;
    --hx-colors-moss-50: #eff2eb;
    --hx-colors-moss-100: #ced8c1;
    --hx-colors-moss-200: #b6c5a3;
    --hx-colors-moss-300: #94aa78;
    --hx-colors-moss-400: #80995e;
    --hx-colors-moss-500: #608036;
    --hx-colors-moss-600: #577431;
    --hx-colors-moss-700: #445b26;
    --hx-colors-moss-800: #35461e;
    --hx-colors-moss-900: #283617;
    --hx-colors-mint-25: #f2f8f7;
    --hx-colors-mint-50: #ebf3f1;
    --hx-colors-mint-100: #c0d9d3;
    --hx-colors-mint-200: #a2c6be;
    --hx-colors-mint-300: #77aca1;
    --hx-colors-mint-400: #5d9c8e;
    --hx-colors-mint-500: #348372;
    --hx-colors-mint-600: #2f7768;
    --hx-colors-mint-700: #255d51;
    --hx-colors-mint-800: #1d483f;
    --hx-colors-mint-900: #163730;
    --hx-colors-gold-25: #f9f7f2;
    --hx-colors-gold-50: #f4f1e8;
    --hx-colors-gold-100: #dcd4b9;
    --hx-colors-gold-200: #cbbf97;
    --hx-colors-gold-300: #b3a267;
    --hx-colors-gold-400: #a49049;
    --hx-colors-gold-500: #8d741c;
    --hx-colors-gold-600: #806a19;
    --hx-colors-gold-700: #645214;
    --hx-colors-gold-800: #4e400f;
    --hx-colors-gold-900: #3b310c;
    --hx-colors-khaki-25: #f7f7ee;
    --hx-colors-khaki-50: #f2f2e6;
    --hx-colors-khaki-100: #d5d6b2;
    --hx-colors-khaki-200: #c1c28c;
    --hx-colors-khaki-300: #a5a758;
    --hx-colors-khaki-400: #949537;
    --hx-colors-khaki-500: #797b05;
    --hx-colors-khaki-600: #6e7005;
    --hx-colors-khaki-700: #565704;
    --hx-colors-khaki-800: #434403;
    --hx-colors-khaki-khaki-900: #333402;
    --hx-colors-ocean-25: #f1f4f9;
    --hx-colors-ocean-50: #ebf1fa;
    --hx-colors-ocean-100: #bfd4f0;
    --hx-colors-ocean-200: #a1c0e8;
    --hx-colors-ocean-300: #76a3de;
    --hx-colors-ocean-400: #5b91d7;
    --hx-colors-ocean-500: #3275cd;
    --hx-colors-ocean-600: #2e6abb;
    --hx-colors-ocean-700: #245392;
    --hx-colors-ocean-800: #1c4071;
    --hx-colors-ocean-900: #153156;
    --hx-colors-rose-25: #fdf5f8;
    --hx-colors-rose-50: #f9edf1;
    --hx-colors-rose-100: #ecc7d4;
    --hx-colors-rose-200: #e3acc0;
    --hx-colors-rose-300: #d786a3;
    --hx-colors-rose-400: #cf6f91;
    --hx-colors-rose-500: #c34b75;
    --hx-colors-rose-600: #b1446a;
    --hx-colors-rose-700: #8a3553;
    --hx-colors-rose-800: #6b2940;
    --hx-colors-rose-900: #522031;
    --hx-colors-gray-darkmode-25: #eaebeb;
    --hx-colors-gray-darkmode-50: #d9dadb;
    --hx-colors-gray-darkmode-100: #bec0c2;
    --hx-colors-gray-darkmode-200: #9ea1a4;
    --hx-colors-gray-darkmode-300: #72767a;
    --hx-colors-gray-darkmode-400: #575c61;
    --hx-colors-gray-darkmode-500: #3b4248;
    --hx-colors-gray-darkmode-600: #2d3339;
    --hx-colors-gray-darkmode-700: #292e34;
    --hx-colors-gray-darkmode-800: #202428;
    --hx-colors-gray-darkmode-900: #1c1e22;
    --hx-units-6: 24px;
    --hx-units-5: 20px;
    --hx-units-3: 12px;
    --hx-units-400: 1600px;
    --hx-units-360: 1440px;
    --hx-units-96: 384px;
    --hx-units-256: 1024px;
    --hx-units-56: 224px;
    --hx-units-160: 640px;
    --hx-units-4: 16px;
    --hx-units-120: 480px;
    --hx-units-192: 768px;
    --hx-units-10: 40px;
    --hx-units-20: 80px;
    --hx-units-40: 160px;
    --hx-units-320: 1280px;
    --hx-units-48: 192px;
    --hx-units-24: 96px;
    --hx-units-180: 720px;
    --hx-units-0p5: 2px;
    --hx-units-16: 64px;
    --hx-units-8: 32px;
    --hx-units-140: 560px;
    --hx-units-64: 256px;
    --hx-units-80: 320px;
    --hx-units-32: 128px;
    --hx-units-0: 0px;
    --hx-units-480: 1920px;
    --hx-units-1: 4px;
    --hx-units-2: 8px;
    --hx-units-1p5: 6px;
    --hx-units-12: 48px;
    --hx-units-2p5: 10px;
    --hx-units-full: 9999px;
    --hx-units-0p75: 3px;
    --hx-units-0p25: 1px;
    --hx-spacing-none: var(--hx-units-0);
    --hx-spacing-xxs: var(--hx-units-0p5);
    --hx-spacing-sm: var(--hx-units-1);
    --hx-spacing-md: var(--hx-units-1p5);
    --hx-spacing-lg: var(--hx-units-2);
    --hx-spacing-xl: var(--hx-units-2p5);
    --hx-spacing-2xl: var(--hx-units-3);
    --hx-spacing-3xl: var(--hx-units-4);
    --hx-spacing-4xl: var(--hx-units-5);
    --hx-spacing-5xl: var(--hx-units-6);
    --hx-spacing-6xl: var(--hx-units-8);
    --hx-spacing-7xl: var(--hx-units-10);
    --hx-spacing-8xl: var(--hx-units-12);
    --hx-spacing-9xl: var(--hx-units-16);
    --hx-spacing-10xl: var(--hx-units-20);
    --hx-spacing-11xl: var(--hx-units-24);
    --hx-spacing-12xl: var(--hx-units-32);
    --hx-spacing-13xl: var(--hx-units-40);
    --hx-spacing-14xl: var(--hx-units-48);
    --hx-spacing-15xl: var(--hx-units-56);
    --hx-spacing-16xl: var(--hx-units-64);
    --hx-spacing-17xl: var(--hx-units-80);
    --hx-spacing-18xl: var(--hx-units-96);
    --hx-spacing-19xl: var(--hx-units-120);
    --hx-spacing-20xl: var(--hx-units-140);
    --hx-spacing-21xl: var(--hx-units-160);
    --hx-spacing-22xl: var(--hx-units-180);
    --hx-spacing-23xl: var(--hx-units-192);
    --hx-spacing-24xl: var(--hx-units-256);
    --hx-spacing-25xl: var(--hx-units-320);
    --hx-spacing-26xl: var(--hx-units-360);
    --hx-spacing-27xl: var(--hx-units-400);
    --hx-spacing-28xl: var(--hx-units-480);
    --hx-spacing-xs: var(--hx-units-0p75);
    --hx-radius-5xl: var(--hx-units-6);
    --hx-radius-4xl: var(--hx-units-5);
    --hx-radius-lg: var(--hx-units-2);
    --hx-radius-2xl: var(--hx-units-3);
    --hx-radius-md: var(--hx-units-1p5);
    --hx-radius-sm: var(--hx-units-1);
    --hx-radius-none: var(--hx-units-0);
    --hx-radius-3xl: var(--hx-units-4);
    --hx-radius-xxs: var(--hx-units-0p5);
    --hx-radius-xl: var(--hx-units-2p5);
    --hx-radius-full: var(--hx-units-full);
    --hx-radius-xs: var(--hx-units-0p75);
    --hx-radius-6xl: var(--hx-units-8);
    --hx-radius-component-focus-spread-outer: var(--hx-units-1);
    --hx-radius-component-focus-spread-inner: var(--hx-units-0p5);
    --hx-radius-component-focus-x: var(--hx-units-0);
    --hx-radius-component-focus-y: var(--hx-units-0);
    --hx-radius-component-focus-blur: var(--hx-units-0);
    --hx-radius-component-input-input: var(--hx-units-0p5);
    --hx-radius-component-checkbox-spread: var(--hx-units-0p75);
    --hx-radius-component-checkbox-x: var(--hx-units-0);
    --hx-radius-component-checkbox-y: var(--hx-units-0);
    --hx-radius-component-checkbox-blur: var(--hx-units-0)
}
:root{
    --elab-font__color: var(--hx-color-navy-500);
    --elab-font__color--header: var(--hx-color-black);
    --elab-font__color--inverted: var(--hx-color-white);
    --elab-border__color--inverted: var(--elab-font__color--inverted);
    --elab-link__color: var(--hx-brand-color);
    --elab-comment__background--color: var(--hx-color-yellow-200);
    --elab-table-header__background: var(--hx-table-header__background);
    --elab-table-header__color: var(--hx-table-header__color);
    --elab-table-row__background: var(--hx-table-row__background);
    --elab-table-row__background--hover: var(--hx-table-row__background--hover);
    --elab-table-row__color: var(--hx-table__color);
    --elab-table-even-row__background: var(--hx-table-row-even__background);
    --elab-table-even-row__color: var(--hx-table__color);
    --elab-table-link__color: var(--hx-brand-color);
    --elab-file-manager-table-header__background: var(--elab-table-header__background);
    --elab-file-manager-table-row__background: var(--elab-table-row__background);
    --elab-file-manager-table-even-row__background: var(--elab-table-even-row__background);
    --elab-file-manager-table-row__background--hover: var(--elab-table-row__background--hover);
    --elab-file-manager-table-row__background--selected: #bdebff ;
    --elab-addon-card__background: var(--hx-background);
    --elab-addon-card-title__color: var(--elab-font__color--header);
    --elab-addon-card-subtitle__color: var(--elab-font__color);
    --elab-addon-card-description__color: var(--elab-font__color);
    --elab-addon-card__shadow-color: rgba(0, 0, 0, .08);
    --elab-addon-detail__background: var(--hx-surface__background);
    --elab-addon-detail__color: var(--elab-font__color);
    --elab-page-nav-main__background-color: var(--hx-brand-color--secondary);
    --elab-page-nav-main__font-color: var(--elab-font__color--inverted);
    --elab-page-nav-main__background-color--hover: rgba(255, 255, 255, .125);
    --elab-page-nav-main__font-color--hover: var(--hx-brand-color--secondary);
    --elab-page-nav-sub__background-color: var(--hx-surface__background);
    --elab-page-nav-sub__font-color: var(--elab-font__color--header);
    --elab-page-nav-sub__background-color--hover: var(--hx-surface__background--secondary);
    --elab-page-nav-sub__border-bottom: var(--hx-border);
    --elab-page-footer__background: var(--hx-surface__background);
    --elab-page-footer__color: var(--elab-font__color--header);
    --elab-page-footer-link__color: var(--elab-font__color);
    --elab-sample-series-row__color: #ffffd9;
    --elab-button-group__button-background: var(--hx-surface__background--secondary);
    --elab-button-group__button-border: var(--hx-border);
    --elab-button-group__button-color: var(--elab-font__color);
    --elab-button-group__button-background--active: var(--hx-color-primary-100);
    --elab-button-group__button-border-color--active: var(--hx-color-primary);
    --elab-button-group__button-color--active: var(--hx-color-primary);
    --elab-pager__background: var(--hx-surface__background);
    --elab-pager-item__background: inherit;
    --elab-pager-item__background--hover: var(--hx-surface__background--secondary);
    --elab-pager-item__background--selected: var(--elab-font__color);
    --elab-pager-item__background--selected-hover: var(--elab-font__color);
    --elab-tabber-item__background: var(--hx-surface__background--secondary);
    --elab-tabber-item__background--hover: var(--hx-background);
    --elab-tabber-item__background--selected: var(--hx-background);
    --elab-tabber-item__border: var(--hx-border);
    --elab-tabber-item__border--selected: var(--hx-border__width) var(--hx-border__style) var(--hx-brand-color);
    --elab-tabber-item__color: var(--elab-font__color);
    --elab-tabber-item__color--selected: var(--elab-font__color);
    --elab-domain-browser-nav-item__background--hover: var(--hx-brand-color--background);
    --elab-domain-browser-nav-item__background--selected: var(--hx-brand-color);
    --elab-domain-browser-nav-item__color: var(--elab-font__color--header);
    --elab-domain-browser-nav-item__color--selected: var(--elab-font__color--inverted);
    --elab-domain-browser-nav-item-count__color: var(--elab-font__color--inverted);
    --elab-domain-browser-nav-item-count__background: var(--hx-brand-color--secondary);
    --elab-timeline-icon__background: var(--hx-brand-color--secondary);
    --elab-timeline-icon__color: var(--elab-font__color--inverted);
    --elab-timeline-icon__border-color: var(--elab-border__color--inverted);
    --elab-timeline-icon-connector__color: var(--hx-border__color);
    --elab-section-header__background: var(--hx-surface__background--secondary);
    --elab-section-header__color: var(--hx-header__color);
    --elab-section-header-item__background: var(--hx-background);
    --elab-section-header-item__background--hover: var(--hx-surface__background--secondary);
    --elab-section-header-item__color: var(--hx-header__color);
    --elab-section-footer__background: var(--hx-surface__background);
    --elab-section-footer__color: var();
    --elab-section-menu-item__color: var(--elab-font__color);
    --elab-section-menu-item__background: var(--hx-background);
    --elab-section-menu-item__background--hover: var(--hx-surface__background--secondary);
    --elab-section-content-warning__background: var(--hx-surface__background);
    --elab-section-content-warning__color: var(--elab-font__color);
    --elab-journal-action-button-bar__background: var(--hx-surface__background);
    --elab-journal-action-button__background: var(--hx-background);
    --elab-journal-action-button__background--hover: var(--hx-brand-color);
    --elab-journal-action-button__color: var(--elab-font__color--header);
    --elab-journal-action-button__color--hover: var(--elab-font__color--inverted);
    --elab-journal-action-button-icon__color: var(--hx-brand-color);
    --elab-dialog-header__background: var(--hx-modal-header__background);
    --elab-dialog-header__color: var(--hx-modal-header-title__color);
    --elab-dialog-header-close__background: var(--hx-modal-close__background);
    --elab-dialog-header-close__background--hover: var(--hx-modal-close__background--hover);
    --elab-dialog-header-close__color: var(--hx-modal-close__color);
    --elab-calendar__background: var(--hx-background);
    --elab-calendar__color: var(--elab-font__color);
    --elab-calendar-column-highlight__color: rgba(255, 220, 40, .1);
    --inventory-pane-background__color: var(--hx-surface__background--secondary);
    --inventory-tabber__background: var(--hx-surface__background);
    --inventory-tabber-item__color: var(--elab-font__color);
    --inventory-tabber-item__border-bottom-color--hover: var(--elab-font__color);
    --inventory-tabber-item__border-bottom-color--selected: var(--hx-brand-color);
    --inventory-tabber-item__color--selected: var(--hx-brand-color);
    --inventory-tree-navigator__background: var(--hx-surface__background);
    --inventory-tree-navigator__background--hover: rgba(7, 59, 83, .03);
    --inventory-tree-navigator__background--selected: var(--hx-brand-color--background);
    --inventory-tree-navigator__color--hover: var();
    --inventory-tippy-item__background: var(--hx-background);
    --inventory-tippy-item__background--hover: var(--hx-brand-color--background);
    --inventory-tippy-item__color: var(--elab-font__color);
    --inventory-action-bar__background: var(--hx-surface__background);
    --inventory-action-bar__color: var(--elab-font__color);
    --inventory-sample-detail__background: var(--hx-background);
    --sample-box__background: var(--hx-background);
    --sample-box__color: var(--elab-font__color);
    --sample-box-image__background: var(--hx-surface__background);
    --inventory-grid-cell__background: var(--hx-background);
    --progress-bar__background: var(--hx-border__color);
    --picker-modal-content__background: var(--hx-surface__background);
    --datepicker-header__background-color: var(--hx-header__background);
    --datepicker-header__color: var(--elab-font__color--header);
    --datepicker-color: var(--elab-font__color);
    --automations-trigger-icon__color: var(--hx-color-green-500);
    --automations-trigger-icon__background: var(--hx-color-green-100);
    --automations-condition-icon__color: var(--hx-color-purple-500);
    --automations-condition-icon__background: var(--hx-color-purple-100);
    --automations-action-icon__color: var(--hx-color-blue-500);
    --automations-action-icon__background: var(--hx-color-blue-100)
}
:root{
    --hx-background: var(--hx-color-white);
    --hx-background--hover: var(--hx-color-navy-50);
    --hx-surface__background: var(--hx-color-navy-50);
    --hx-surface__background--secondary: var(--hx-color-secondary-100);
    --hx-text-color: var(--hx-color-gray-500);
    --hx-text-color--inverted: var(--hx-color-white);
    --hx-heading-color: var(--hx-color-secondary-700);
    --hx-base-font: "Noto Sans", sans-serif;
    --hx-base-font-size: 14px;
    --hx-base-font-line-height: 1.6;
    --hx-error: var(--hx-color-red-500);
    --hx-error--background: var(--hx-color-red-100);
    --hx-warning: var(--hx-color-orange-500);
    --hx-warning--background: var(--hx-color-orange-100);
    --hx-success: var(--hx-color-green-500);
    --hx-success--background: var(--hx-color-green-100);
    --hx-info: var(--hx-color-blue-500);
    --hx-info--background: var(--hx-color-blue-100);
    --hx-brand-color: var(--hx-color-primary);
    --hx-brand-color--background: var(--hx-color-primary-50);
    --hx-brand-color--secondary: var(--hx-color-secondary-700);
    --hx-accent-color--primary: var(--hx-color-orange-500);
    --hx-inset-shadow-color: #576f7b1f;
    --hx-border__style: solid;
    --hx-border__radius: 4px;
    --hx-border__color: var(--hx-color-secondary-200);
    --hx-border__color--alt-state: var(--hx-color-secondary-300);
    --hx-border__width: 1px;
    --hx-border: var(--hx-border__width) var(--hx-border__style) var(--hx-border__color);
    --hx-header__background: var(--hx-color-secondary-50);
    --hx-header__color: var(--hx-heading-color);
    --hx-input-text__color: var(--hx-heading-color);
    --hx-input-text__color--disabled: var(--hx-border__color);
    --hx-input__text-error: var(--hx-error);
    --hx-input-label__color: var(--hx-heading-color);
    --hx-input__background: var(--hx-background);
    --hx-input__placeholder: var(--hx-color-secondary-300);
    --hx-input__background--disabled: var(--hx-surface__background);
    --hx-input__border: var(--hx-border);
    --hx-input__border-color--hover: var(--hx-color-secondary-500);
    --hx-input__border-color--focus: var(--hx-brand-color);
    --hx-input__border-color--disabled: var(--hx-border__color);
    --hx-input__border-color--error: var(--hx-error);
    --hx-click-input__border--focus: var(--hx-border__width) var(--hx-border__style) var(--hx-brand-color--secondary);
    --hx-textfield__clear-button--color: var(--hx-input-text__color);
    --hx-textfield__search-icon--color: var(--hx-input-text__color);
    --hx-input__action-color: var(--hx-input-text__color);
    --hx-input__action-background--hover: var(--hx-background--hover);
    --hx-input__action-background: var(--hx-input__background);
    --hx-input__action-border: var(--hx-input__border);
    --hx-radio__background: var(--hx-input__background);
    --hx-radio-checkmark__color: var(--hx-brand-color);
    --hx-radio__border: var(--hx-input__border);
    --hx-radio__border--focus: var(--hx-click-input__border--focus);
    --hx-checkbox-label__color: var(--hx-color-gray-700);
    --hx-checkbox__background: var(--hx-input__background);
    --hx-checkbox__background--checked: var(--hx-brand-color--secondary);
    --hx-checkbox__background--disabled: var(--hx-color-gray-25);
    --hx-checkbox__background--checked-disabled: var(--hx-color-secondary-200);
    --hx-checkbox__border: 1px solid var(--hx-color-gray-400);
    --hx-checkbox__border-color--disabled: var(--hx-color-gray-200);
    --hx-checkbox__box-shadow-clor--focus: var(--hx-color-secondary-100);
    --hx-checkbox__box-shadow-color--checked-hover: var(--hx-color-secondary-100);
    --hx-checkbox__box-shadow-color--checked-pressed: var(--hx-color-secondary-200);
    --hx-checkbox__box-shadow-color--hover: var(--hx-color-gray-100);
    --hx-checkbox__box-shadow-color--pressed: var(--hx-color-gray-200);
    --hx-checkbox__box-shadow-color--focus: var(--hx-color-secondary-500);
    --hx-checkbox-checkmark__color: var(--hx-text-color--inverted);
    --hx-input-card__background: var(--hx-surface__background);
    --hx-input-card__background--checked: var(--hx-brand-color--background);
    --hx-input-card__border: var(--hx-input__border);
    --hx-input-card__border--hover: var(--hx-border__width) var(--hx-border__style) var(--hx-border__color--alt-state);
    --hx-input-card__border--checked: var(--hx-border__width) var(--hx-border__style) var(--hx-brand-color);
    --hx-select__background: var(--hx-input__background);
    --hx-select__background--disabled: var(--hx-input__background--disabled);
    --hx-select__border-color: var(--hx-border__color);
    --hx-select__border-color--hover: var(--hx-input__border-color--hover);
    --hx-select__border-color--focus: var(--hx-input__border-color--focus);
    --hx-select__border-color--disabled: var(--hx-input__border-color--disabled);
    --hx-select__clear-color: var(--hx-text-color);
    --hx-select-deselect__color: var(--hx-text-color);
    --hx-select-deselect__color--hover: var(--hx-heading-color);
    --hx-select__font--disabled: var(--hx-input-text__color--disabled);
    --hx-select-option__background: var(--hx-background);
    --hx-select-option__background--disabled: var(--hx-input__background--disabled);
    --hx-select-option__background--hover: var(--hx-background--hover);
    --hx-select-option__color: var(--hx-input-text__color);
    --hx-select-option__color--hover: var(--hx-brand-color);
    --hx-select-option__color--disabled: var(--hx-input-text__color--disabled);
    --hx-select-selected-option__background: var(--hx-brand-color--background);
    --hx-select-selected-option__color: var(--hx-heading-color);
    --hx-select-group-title__color: var(--hx-text-color);
    --hx-select-option__separator: var(--hx-border);
    --hx-tooltip__background: var(--hx-brand-color--secondary);
    --hx-tooltip__color: var(--hx-text-color--inverted);
    --hx-character-map__background: var(--hx-input__background);
    --hx-character-map__border: var(--hx-input__border);
    --hx-character-map__color: var(--hx-text-color);
    --hx-character-map-item__background--hover: var(--hx-background--hover);
    --hx-modal__background: var(--hx-background);
    --hx-modal-content__color: var(--hx-heading-color);
    --hx-modal-z-index: 9995;
    --hx-modal-close__color: var(--hx-text-color--inverted);
    --hx-modal-close__background: var(--hx-border__color);
    --hx-modal-close__background--hover: var(--hx-brand-color);
    --hx-modal-footer-separator: var(--hx-border);
    --hx-modal-header__background: var(--hx-header__background);
    --hx-modal-header-separator: var(--hx-border);
    --hx-modal-header-title__color: var(--hx-heading-color);
    --hx-modal-header-subtitle__color: var(--hx-text-color);
    --hx-pager__background: var(--hx-background);
    --hx-pager-page-size-selector__color: var(--hx-heading-color);
    --hx-pager-page-size-selector__border: var(--hx-input__border);
    --hx-pager-page-size-selector__border--hover: var(--hx-border__width) var(--hx-border__style) var(--hx-input__border-color--hover);
    --hx-pager-page-size-selector__border--focus: var(--hx-border__width) var(--hx-border__style) var(--hx-input__border-color--focus);
    --hx-pager-item__color: var(--hx-text-color);
    --hx-pager-item__background--hover: var(--hx-background--hover);
    --hx-pager-item__color--selected: var(--hx-text-color--inverted);
    --hx-pager-item__background--selected: var(--hx-brand-color);
    --hx-pager-item__background--selected-hover: var(--hx-color-navy-500);
    --hx-toast-z-index: 9996;
    --hx-toast-shadow__color: var(rgba(7, 59, 83, .08));
    --hx-toast-header__border: var(--hx-border);
    --hx-toast-header__border-bottom: var(--hx-toast-header__border);
    --hx-toast-body__border: var(--hx-border);
    --hx-toast-delete__border: var(--hx-border);
    --hx-toggle-knob__color: var(--hx-text-color--inverted);
    --hx-toggle-knob__shadow-color: #073b5329;
    --hx-toggle__shadow-color: var(--hx-inset-shadow-color);
    --hx-toggle__background: var(--hx-border__color);
    --hx-toggle__background--hover: var(--hx-border__color--alt-state);
    --hx-toggle__background--checked: var(--hx-success);
    --hx-wizard__background: var(--hx-background);
    --hx-card__background: var(--hx-background);
    --hx-card__border: var(--hx-border);
    --hx-card-shadow-color: rgba(7, 59, 83, .16);
    --hx-button-group__button-background: var(--hx-background);
    --hx-button-group__button-background--hover: var(--hx-background--hover);
    --hx-button-group__button-border: var(--hx-border);
    --hx-button-group__button-color: var(--hx-heading-color);
    --hx-button-group__button-background--active: var(--hx-color-primary-100);
    --hx-button__background--primary: var(--hx-color-orange-500);
    --hx-button__background--primary-hover: var(--hx-color-orange-600);
    --hx-button__color--primary: var(--hx-text-color--inverted);
    --hx-button__background--secondary: var(--hx-color-primary);
    --hx-button__background--secondary-hover: var(--hx-color-primary-800);
    --hx-button__color--secondary: var(--hx-text-color--inverted);
    --hx-button__background--tertiary: var(--hx-background);
    --hx-button__background--tertiary-hover: var(--hx-background--hover);
    --hx-button__color--tertiary: var(--hx-heading-color);
    --hx-button__border-color--tertiary: var(--hx-border__color);
    --hx-button__background--danger: var(--hx-color-red-500);
    --hx-button__color--danger: var(--hx-text-color--inverted);
    --hx-button__background--danger-hover: var(--hx-color-red-600);
    --hx-button__background--deny: var(--hx-color-secondary-500);
    --hx-button__color--deny: var(--hx-text-color--inverted);
    --hx-button__background--deny-hover: var(--hx-color-secondary-600);
    --hx-table__border: var(--hx-border);
    --hx-table__color: var(--hx-heading-color);
    --hx-table-header__background: var(--hx-header__background);
    --hx-table-header__color: var(--hx-heading-color);
    --hx-table-row-even__background: var(--hx-background--hover);
    --hx-table-row__background: var(--hx-background);
    --hx-table-row__background--hover: var(--hx-color-primary-200);
    --hx-badge-primary__color: var(--hx-color-primary);
    --hx-badge-primary__background: var(--hx-color-primary-100);
    --hx-badge-primary__border-color: var(--hx-color-primary-300);
    --hx-badge-primary__background--hover: var(--hx-badge-primary-color);
    --hx-badge-secondary__color: var(--hx-heading-color);
    --hx-badge-secondary__background: var(--hx-background);
    --hx-badge-secondary__border-color: var(--hx-border__color);
    --hx-badge-secondary__background--hover: var(--hx-background--hover);
    --hx-badge-secondary__border-color--hover: var(--hx-border__color--alt-state)
}
:root{
    --hx-surface-primary: var(--hx-colors-base-white);
    --hx-surface-secondary: var(--hx-colors-gray-lightmode-25);
    --hx-surface-brand-secondary: var(--hx-colors-secondary-600);
    --hx-surface-brand-tertiary: var(--hx-colors-tertiary-500);
    --hx-text-primary: var(--hx-colors-gray-lightmode-700);
    --hx-text-primary_on-brand: var(--hx-colors-base-white);
    --hx-text-secondary: var(--hx-colors-gray-lightmode-600);
    --hx-text-secondary_hover: var(--hx-colors-gray-lightmode-700);
    --hx-text-tertiary: var(--hx-colors-gray-lightmode-400);
    --hx-text-tertiary_hover: var(--hx-colors-gray-lightmode-500);
    --hx-text-disabled: var(--hx-colors-gray-lightmode-300);
    --hx-text-brand-primary: var(--hx-colors-primary-500);
    --hx-text-brand-primary_hover: var(--hx-colors-primary-600);
    --hx-text-brand-secondary: var(--hx-colors-secondary-600);
    --hx-text-brand-secondary_hover: var(--hx-colors-secondary-700);
    --hx-text-accent-purple: var(--hx-colors-purple-600);
    --hx-text-accent-purple_hover: var(--hx-colors-purple-700);
    --hx-text-error: var(--hx-colors-error-600);
    --hx-text-warning: var(--hx-colors-warning-800);
    --hx-text-success: var(--hx-colors-success-600);
    --hx-text-notice: var(--hx-colors-notice-600);
    --hx-text-error-on-error-bg: var(--hx-colors-error-600);
    --hx-text-warning-on-warning-bg: var(--hx-colors-warning-800);
    --hx-text-success-on-success-bg: var(--hx-colors-success-600);
    --hx-text-notice-on-notice-bg: var(--hx-colors-notice-600);
    --hx-text-disabled_secondary: var(--hx-colors-gray-lightmode-400);
    --hx-fg-primary: var(--hx-colors-gray-lightmode-600);
    --hx-fg-secondary: var(--hx-colors-gray-lightmode-500);
    --hx-fg-secondary_hover: var(--hx-colors-gray-lightmode-600);
    --hx-fg-tertiary: var(--hx-colors-gray-lightmode-400);
    --hx-fg-tertiary_hover: var(--hx-colors-gray-lightmode-500);
    --hx-fg-white: var(--hx-colors-base-white);
    --hx-fg-disabled: var(--hx-colors-gray-lightmode-300);
    --hx-fg-brand-primary: var(--hx-colors-primary-500);
    --hx-fg-brand-primary_hover: var(--hx-colors-primary-600);
    --hx-fg-primary_hover: var(--hx-colors-gray-lightmode-700);
    --hx-fg-error: var(--hx-colors-error-500);
    --hx-fg-warning: var(--hx-colors-warning-800);
    --hx-fg-success: var(--hx-colors-success-500);
    --hx-fg-notice: var(--hx-colors-notice-500);
    --hx-fg-brand-secondary: var(--hx-colors-secondary-600);
    --hx-fg-brand-secondary_hover: var(--hx-colors-secondary-700);
    --hx-fg-white_mod: var(--hx-colors-base-white);
    --hx-fg-error-on-error-bg: var(--hx-colors-error-500);
    --hx-fg-warning-on-warning-bg: var(--hx-colors-warning-800);
    --hx-fg-success-on-succes-bg: var(--hx-colors-success-500);
    --hx-fg-notice-on-notice-bg: var(--hx-colors-notice-500);
    --hx-fg-error_hover: var(--hx-colors-error-600);
    --hx-fg-error_pressed: var(--hx-colors-error-700);
    --hx-fg-brand-secondary_pressed: var(--hx-colors-secondary-800);
    --hx-fg-brand-tertiary_hover: var(--hx-colors-tertiary-600);
    --hx-fg-brand-tertiary: var(--hx-colors-tertiary-500);
    --hx-border-secondary: var(--hx-colors-gray-lightmode-100);
    --hx-border-tertiary: var(--hx-colors-gray-lightmode-50);
    --hx-border-disabled: var(--hx-colors-gray-lightmode-200);
    --hx-border-brand: var(--hx-colors-secondary-600);
    --hx-border-error: var(--hx-colors-error-500);
    --hx-border-error-secondary: var(--hx-colors-error-100);
    --hx-border-warning-secondary: var(--hx-colors-warning-200);
    --hx-border-notice-secondary: var(--hx-colors-notice-100);
    --hx-border-success-secondary: var(--hx-colors-success-100);
    --hx-border-primary: var(--hx-colors-gray-lightmode-300);
    --hx-component-button-secondary-bg_default: var(--hx-colors-base-white);
    --hx-component-button-secondary-bg_hover: var(--hx-colors-gray-lightmode-25);
    --hx-component-button-secondary-fg_default: var(--hx-colors-gray-lightmode-600);
    --hx-component-button-secondary-bg_pressed: var(--hx-colors-gray-lightmode-50);
    --hx-component-button-secondary-bg_disabled: var(--hx-colors-gray-lightmode-25);
    --hx-component-button-secondary-border_default: var(--hx-colors-gray-lightmode-300);
    --hx-component-button-secondary-border_disabled: var(--hx-colors-gray-lightmode-200);
    --hx-component-button-secondary-fg_disabled: var(--hx-colors-gray-lightmode-300);
    --hx-component-button-secondary-fg_hover: var(--hx-colors-gray-lightmode-700);
    --hx-component-button-secondary-fg_pressed: var(--hx-colors-gray-lightmode-800);
    --hx-component-button-primary-bg_hover: var(--hx-colors-primary-600);
    --hx-component-button-primary-bg_pressed: var(--hx-colors-primary-700);
    --hx-component-button-primary-bg: var(--hx-colors-primary-500);
    --hx-component-button-primary-fg_default: var(--hx-colors-base-white);
    --hx-component-button-primary-bg_disabled: var(--hx-colors-primary-200);
    --hx-component-button-primary-fg_disabled: var(--hx-colors-gray-lightmode-25);
    --hx-component-button-primary-fg_hover: var(--hx-colors-base-white);
    --hx-component-button-primary-fg_pressed: var(--hx-colors-base-white);
    --hx-component-button-ghost-bg_default: var(--hx-colors-base-transparent);
    --hx-component-button-ghost-bg_hover: var(--hx-colors-gray-lightmode-50);
    --hx-component-button-ghost-bg_pressed: var(--hx-colors-gray-lightmode-100);
    --hx-component-button-ghost-fg_default: var(--hx-colors-gray-lightmode-600);
    --hx-component-button-ghost-fg_disabled: var(--hx-colors-gray-lightmode-300);
    --hx-component-button-ghost-bg_disabled: var(--hx-colors-base-transparent);
    --hx-component-button-ghost-fg_hover: var(--hx-colors-gray-lightmode-700);
    --hx-component-button-ghost-fg_pressed: var(--hx-colors-gray-lightmode-800);
    --hx-component-button-invisible-fg_default: var(--hx-colors-base-transparent);
    --hx-component-button-invisible-fg_disabled: var(--hx-colors-gray-lightmode-300);
    --hx-component-button-invisible-bg_default: var(--hx-colors-base-transparent);
    --hx-component-button-invisible-bg_hover: var(--hx-colors-gray-lightmode-50);
    --hx-component-button-invisible-bg_pressed: var(--hx-colors-gray-lightmode-100);
    --hx-component-button-invisible-bg_disabled: var(--hx-colors-base-transparent);
    --hx-component-button-invisible-fg_hover: var(--hx-colors-gray-lightmode-700);
    --hx-component-button-invisible-fg_pressed: var(--hx-colors-gray-lightmode-800);
    --hx-component-button-danger-solid-fg_default: var(--hx-colors-base-white);
    --hx-component-button-danger-solid-fg_hover: var(--hx-colors-base-white);
    --hx-component-button-danger-solid-fg_pressed: var(--hx-colors-base-white);
    --hx-component-button-danger-solid-fg_disabled: var(--hx-colors-gray-lightmode-25);
    --hx-component-button-danger-solid-bg: var(--hx-colors-error-500);
    --hx-component-button-danger-solid-bg_hover: var(--hx-colors-error-600);
    --hx-component-button-danger-solid-bg_pressed: var(--hx-colors-error-700);
    --hx-component-button-danger-solid-bg_disabled: var(--hx-colors-error-200);
    --hx-component-button-danger-ghost-fg_default: var(--hx-colors-error-500);
    --hx-component-button-danger-ghost-fg_hover: var(--hx-colors-error-600);
    --hx-component-button-danger-ghost-fg_pressed: var(--hx-colors-error-700);
    --hx-component-button-danger-ghost-fg_disabled: var(--hx-colors-error-200);
    --hx-component-button-danger-ghost-bg: var(--hx-colors-base-transparent);
    --hx-component-button-danger-ghost-bg_hover: var(--hx-colors-error-50);
    --hx-component-button-danger-ghost-bg_pressed: var(--hx-colors-error-100);
    --hx-component-button-danger-ghost-bg_disabled: var(--hx-colors-base-transparent);
    --hx-component-button-secondary-color-fg_default: var(--hx-colors-primary-500);
    --hx-component-button-secondary-color-fg_hover: var(--hx-colors-primary-600);
    --hx-component-button-secondary-color-fg_pressed: var(--hx-colors-primary-700);
    --hx-component-button-secondary-color-fg_disabled: var(--hx-colors-primary-200);
    --hx-component-button-secondary-color-bg_default: var(--hx-colors-base-white);
    --hx-component-button-secondary-color-bg_hover: var(--hx-colors-gray-lightmode-25);
    --hx-component-button-secondary-color-bg_pressed: var(--hx-colors-gray-lightmode-50);
    --hx-component-button-secondary-color-bg_disabled: var(--hx-colors-gray-lightmode-25);
    --hx-component-button-secondary-color-border_default: var(--hx-colors-gray-lightmode-300);
    --hx-component-button-secondary-color-border_disabled: var(--hx-colors-gray-lightmode-200);
    --hx-component-button-ghost-color-fg_default: var(--hx-colors-primary-500);
    --hx-component-button-ghost-color-fg_hover: var(--hx-colors-primary-600);
    --hx-component-button-ghost-color-fg_pressed: var(--hx-colors-primary-700);
    --hx-component-button-ghost-color-fg_disabled: var(--hx-colors-primary-200);
    --hx-component-button-ghost-color-bg_default: var(--hx-colors-base-transparent);
    --hx-component-button-ghost-color-bg_hover: var(--hx-colors-gray-lightmode-50);
    --hx-component-button-ghost-color-bg_pressed: var(--hx-colors-gray-lightmode-100);
    --hx-component-button-ghost-color-bg_disabled: var(--hx-colors-base-transparent);
    --hx-component-button-link-gray-fg_default: var(--hx-colors-gray-lightmode-600);
    --hx-component-button-link-gray-fg_hover: var(--hx-colors-gray-lightmode-600);
    --hx-component-button-link-gray-fg_pressed: var(--hx-colors-gray-lightmode-700);
    --hx-component-button-link-gray-fg_disabled: var(--hx-colors-gray-lightmode-300);
    --hx-component-button-link-gray-bg: var(--hx-colors-base-transparent);
    --hx-component-button-link-color-fg_default: var(--hx-colors-secondary-600);
    --hx-component-button-link-color-fg_hover: var(--hx-colors-secondary-600);
    --hx-component-button-link-color-fg_pressed: var(--hx-colors-secondary-800);
    --hx-component-button-link-color-fg_disabled: var(--hx-colors-secondary-200);
    --hx-component-button-link-color-bg: var(--hx-colors-base-transparent);
    --hx-component-button-link-visited-fg_default: var(--hx-colors-purple-600);
    --hx-component-button-link-visited-fg_hover: var(--hx-colors-purple-600);
    --hx-component-button-link-visited-fg_pressed: var(--hx-colors-purple-700);
    --hx-component-button-link-visited-fg_disabled: var(--hx-colors-purple-300);
    --hx-component-button-link-visited-bg: var(--hx-colors-base-transparent);
    --hx-component-toggle-fg: var(--hx-colors-base-white);
    --hx-component-toggle-bg_hover: var(--hx-colors-secondary-700);
    --hx-component-toggle-bg-inactive_hover: var(--hx-colors-gray-lightmode-400);
    --hx-component-toggle-bg-inactive: var(--hx-colors-gray-lightmode-300);
    --hx-component-toggle-bg: var(--hx-colors-secondary-600);
    --hx-component-input-bg-default: var(--hx-colors-base-white);
    --hx-component-input-bg-hover: var(--hx-colors-gray-lightmode-25);
    --hx-component-input-bg-disabled: var(--hx-colors-gray-lightmode-50);
    --hx-component-input-text-placeholder: var(--hx-colors-gray-lightmode-400);
    --hx-component-input-text-filled: var(--hx-colors-gray-lightmode-700);
    --hx-component-input-text-label: var(--hx-colors-gray-lightmode-600);
    --hx-component-input-text-disabled: var(--hx-colors-gray-lightmode-300);
    --hx-component-input-text-hint_default: var(--hx-colors-gray-lightmode-400);
    --hx-component-input-text-hint_error: var(--hx-colors-error-500);
    --hx-component-input-text-description: var(--hx-colors-gray-lightmode-500);
    --hx-component-input-border-default: var(--hx-colors-gray-lightmode-300);
    --hx-component-input-border-typing: var(--hx-colors-secondary-600);
    --hx-component-input-border-error: var(--hx-colors-error-500);
    --hx-component-input-border-disabled: var(--hx-colors-gray-lightmode-200);
    --hx-component-input-focus-default: var(--hx-colors-secondary-400);
    --hx-component-input-focus-error: var(--hx-colors-error-400);
    --hx-component-input-fg-icon_default: var(--hx-colors-gray-lightmode-600);
    --hx-component-input-fg-icon_disabled: var(--hx-colors-gray-lightmode-300);
    --hx-component-input-fg-asterisk: var(--hx-colors-error-500);
    --hx-component-input-fg-icon-placeholder: var(--hx-colors-gray-lightmode-500);
    --hx-component-input-fg-info: var(--hx-colors-notice-600);
    --hx-component-checkbox-fg: var(--hx-colors-base-white);
    --hx-component-checkbox-bg-selected: var(--hx-colors-secondary-600);
    --hx-component-checkbox-bg-default_disabled: var(--hx-colors-gray-lightmode-50);
    --hx-component-checkbox-bg-default: var(--hx-colors-base-white);
    --hx-component-checkbox-focus-unselected_hover: var(--hx-colors-gray-lightmode-100);
    --hx-component-checkbox-focus-selected_hover: var(--hx-colors-secondary-100);
    --hx-component-checkbox-focus-selected_pressed: var(--hx-colors-secondary-200);
    --hx-component-checkbox-focus-unselected_pressed: var(--hx-colors-gray-lightmode-200);
    --hx-component-checkbox-border_default: var(--hx-colors-gray-lightmode-300);
    --hx-component-checkbox-border_disabled: var(--hx-colors-gray-lightmode-200);
    --hx-component-checkbox-bg-selected_disabled: var(--hx-colors-secondary-200);
    --hx-component-checkbox-label: var(--hx-colors-gray-lightmode-600);
    --hx-component-checkbox-hint-text: var(--hx-colors-gray-lightmode-400);
    --hx-component-checkbox-asterisk: var(--hx-colors-error-500);
    --hx-component-checkbox-fg_disabled: var(--hx-colors-gray-lightmode-50);
    --hx-component-table-header-cell-bg-default: var(--hx-colors-gray-lightmode-25);
    --hx-component-table-header-cell-bg-hover: var(--hx-colors-secondary-50);
    --hx-component-table-header-cell-bg-disabled: var(--hx-colors-gray-lightmode-25);
    --hx-component-table-header-cell-bg-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-header-cell-fg-default: var(--hx-colors-gray-lightmode-600);
    --hx-component-table-header-cell-fg-disabled: var(--hx-colors-gray-lightmode-300);
    --hx-component-table-header-cell-border-default: var(--hx-colors-gray-lightmode-100);
    --hx-component-table-regular-cell-bg-bulk-default: var(--hx-colors-gray-lightmode-25);
    --hx-component-table-regular-cell-bg-bulk-hover: var(--hx-colors-secondary-50);
    --hx-component-table-regular-cell-bg-bulk-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-regular-cell-bg-bulk-disabled: var(--hx-colors-gray-lightmode-50);
    --hx-component-table-regular-cell-fg-default: var(--hx-colors-gray-lightmode-600);
    --hx-component-table-regular-cell-fg-disabled: var(--hx-colors-gray-lightmode-300);
    --hx-component-table-regular-cell-border-default: var(--hx-colors-gray-lightmode-100);
    --hx-component-table-regular-cell-bg-non-bulk-default: var(--hx-colors-base-white);
    --hx-component-table-regular-cell-bg-non-bulk-hover: var(--hx-colors-secondary-50);
    --hx-component-table-regular-cell-bg-non-bulk-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-regular-cell-bg-non-bulk-disabled: var(--hx-colors-gray-lightmode-25);
    --hx-component-table-first-cell-bg-expandable-default: var(--hx-colors-gray-lightmode-25);
    --hx-component-table-first-cell-bg-expandable-hover: var(--hx-colors-secondary-50);
    --hx-component-table-first-cell-bg-expandable-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-first-cell-bg-expandable-disabled: var(--hx-colors-gray-lightmode-50);
    --hx-component-table-first-cell-border-default: var(--hx-colors-gray-lightmode-100);
    --hx-component-table-first-cell-bg-default-default: var(--hx-colors-base-white);
    --hx-component-table-first-cell-bg-default-hover: var(--hx-colors-secondary-50);
    --hx-component-table-first-cell-bg-default-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-first-cell-bg-default-disabled: var(--hx-colors-base-white);
    --hx-component-table-first-cell-fg-default: var(--hx-colors-gray-lightmode-600);
    --hx-component-table-first-cell-fg-disabled: var(--hx-colors-gray-lightmode-300);
    --hx-component-table-first-cell-bg-sub-expandable-default: var(--hx-colors-base-white);
    --hx-component-table-first-cell-bg-sub-expandable-hover: var(--hx-colors-secondary-50);
    --hx-component-table-first-cell-bg-sub-expandable-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-first-cell-bg-sub-expandable-disabled: var(--hx-colors-base-white);
    --hx-component-table-first-cell-bg-sub-expandable-2-default: var(--hx-colors-base-white);
    --hx-component-table-first-cell-bg-sub-expandable-2-hover: var(--hx-colors-secondary-50);
    --hx-component-table-first-cell-bg-sub-expandable-2-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-first-cell-bg-sub-expandable-2-disabled: var(--hx-colors-base-white);
    --hx-component-table-bg-header-default: var(--hx-colors-gray-lightmode-25);
    --hx-component-table-bg-header-hover: var(--hx-colors-secondary-50);
    --hx-component-table-bg-header-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-bg-header-disabled: var(--hx-colors-gray-lightmode-25);
    --hx-component-table-bg-regular-non-bulk-default: var(--hx-colors-base-white);
    --hx-component-table-bg-regular-non-bulk-hover: var(--hx-colors-secondary-50);
    --hx-component-table-bg-regular-non-bulk-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-bg-regular-non-bulk-disabled: var(--hx-colors-gray-lightmode-25);
    --hx-component-table-bg-regular-bulk-default: var(--hx-colors-gray-lightmode-25);
    --hx-component-table-bg-regular-bulk-hover: var(--hx-colors-secondary-50);
    --hx-component-table-bg-regular-bulk-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-bg-regular-bulk-disabled: var(--hx-colors-gray-lightmode-50);
    --hx-component-table-bg-first-non-expandable-default: var(--hx-colors-base-white);
    --hx-component-table-bg-first-non-expandable-hover: var(--hx-colors-secondary-50);
    --hx-component-table-bg-first-non-expandable-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-bg-first-non-expandable-disabled: var(--hx-colors-base-white);
    --hx-component-table-bg-first-expandable-default: var(--hx-colors-gray-lightmode-25);
    --hx-component-table-bg-first-expandable-hover: var(--hx-colors-secondary-50);
    --hx-component-table-bg-first-expandable-pressed: var(--hx-colors-secondary-100);
    --hx-component-table-bg-first-expandable-disabled: var(--hx-colors-gray-lightmode-50);
    --hx-component-table-fg-disabled: var(--hx-colors-gray-lightmode-300);
    --hx-component-table-fg-default: var(--hx-colors-gray-lightmode-600);
    --hx-component-table-border-default: var(--hx-colors-gray-lightmode-100);
    --hx-component-badge-gray-fg: var(--hx-colors-gray-lightmode-600);
    --hx-component-badge-gray-outline-bg: var(--hx-colors-gray-lightmode-25);
    --hx-component-badge-gray-close-bg: var(--hx-colors-gray-lightmode-50);
    --hx-component-badge-gray-close-bg_hover: var(--hx-colors-gray-lightmode-100);
    --hx-component-badge-gray-close-bg_pressed: var(--hx-colors-gray-lightmode-200);
    --hx-component-badge-gray-close-outline-fg: var(--hx-colors-gray-lightmode-600);
    --hx-component-badge-gray-close-fg_hover: var(--hx-colors-gray-lightmode-700);
    --hx-component-badge-gray-close-fg_pressed: var(--hx-colors-gray-lightmode-700);
    --hx-component-badge-gray-border: var(--hx-colors-gray-lightmode-300);
    --hx-component-badge-gray-fill-bg: var(--hx-colors-gray-lightmode-50);
    --hx-component-badge-teal-fg: var(--hx-colors-secondary-600);
    --hx-component-badge-teal-bg: var(--hx-colors-secondary-25);
    --hx-component-badge-teal-border: var(--hx-colors-secondary-400);
    --hx-component-badge-teal-close-fg: var(--hx-colors-secondary-600);
    --hx-component-badge-teal-close-fg_hover: var(--hx-colors-secondary-700);
    --hx-component-badge-teal-close-fg_pressed: var(--hx-colors-secondary-700);
    --hx-component-badge-teal-close-bg: var(--hx-colors-secondary-50);
    --hx-component-badge-teal-close-bg_hover: var(--hx-colors-secondary-100);
    --hx-component-badge-teal-close-bg_pressed: var(--hx-colors-secondary-200);
    --hx-component-badge-green-fg: var(--hx-colors-success-600);
    --hx-component-badge-green-bg: var(--hx-colors-success-25);
    --hx-component-badge-green-border: var(--hx-colors-success-400);
    --hx-component-badge-green-close-fg: var(--hx-colors-success-600);
    --hx-component-badge-green-close-fg_hover: var(--hx-colors-success-700);
    --hx-component-badge-green-close-fg_pressed: var(--hx-colors-success-700);
    --hx-component-badge-green-close-bg: var(--hx-colors-success-50);
    --hx-component-badge-green-close-bg_hover: var(--hx-colors-success-100);
    --hx-component-badge-green-close-bg_pressed: var(--hx-colors-success-200);
    --hx-component-badge-red-fg: var(--hx-colors-error-600);
    --hx-component-badge-red-bg: var(--hx-colors-error-25);
    --hx-component-badge-red-border: var(--hx-colors-error-400);
    --hx-component-badge-red-close-fg: var(--hx-colors-error-600);
    --hx-component-badge-red-close-fg_hover: var(--hx-colors-error-700);
    --hx-component-badge-red-close-fg_pressed: var(--hx-colors-error-700);
    --hx-component-badge-red-close-bg: var(--hx-colors-error-50);
    --hx-component-badge-red-close-bg_hover: var(--hx-colors-error-100);
    --hx-component-badge-red-close-bg_pressed: var(--hx-colors-error-200);
    --hx-component-badge-blue-fg: var(--hx-colors-notice-600);
    --hx-component-badge-blue-bg: var(--hx-colors-notice-25);
    --hx-component-badge-blue-border: var(--hx-colors-notice-400);
    --hx-component-badge-blue-close-fg: var(--hx-colors-notice-600);
    --hx-component-badge-blue-close-fg_hover: var(--hx-colors-notice-700);
    --hx-component-badge-blue-close-fg_pressed: var(--hx-colors-notice-700);
    --hx-component-badge-blue-close-bg: var(--hx-colors-notice-50);
    --hx-component-badge-blue-close-bg_hover: var(--hx-colors-notice-100);
    --hx-component-badge-blue-close-bg_pressed: var(--hx-colors-notice-200);
    --hx-component-badge-indigo-fg: var(--hx-colors-indigo-600);
    --hx-component-badge-indigo-bg: var(--hx-colors-indigo-25);
    --hx-component-badge-indigo-border: var(--hx-colors-indigo-400);
    --hx-component-badge-indigo-close-fg: var(--hx-colors-indigo-600);
    --hx-component-badge-indigo-close-fg_hover: var(--hx-colors-indigo-700);
    --hx-component-badge-indigo-close-fg_pressed: var(--hx-colors-indigo-700);
    --hx-component-badge-indigo-close-bg: var(--hx-colors-indigo-50);
    --hx-component-badge-indigo-close-bg_hover: var(--hx-colors-indigo-100);
    --hx-component-badge-indigo-close-bg_pressed: var(--hx-colors-indigo-200);
    --hx-component-badge-mint-fg: var(--hx-colors-mint-600);
    --hx-component-badge-mint-bg: var(--hx-colors-mint-25);
    --hx-component-badge-mint-border: var(--hx-colors-mint-400);
    --hx-component-badge-mint-close-fg: var(--hx-colors-mint-600);
    --hx-component-badge-mint-close-fg_hover: var(--hx-colors-mint-700);
    --hx-component-badge-mint-close-fg_pressed: var(--hx-colors-mint-700);
    --hx-component-badge-mint-close-bg: var(--hx-colors-mint-50);
    --hx-component-badge-mint-close-bg_hover: var(--hx-colors-mint-100);
    --hx-component-badge-mint-close-bg_pressed: var(--hx-colors-mint-200);
    --hx-component-badge-orange-fg: var(--hx-colors-primary-600);
    --hx-component-badge-orange-bg: var(--hx-colors-primary-25);
    --hx-component-badge-orange-border: var(--hx-colors-primary-400);
    --hx-component-badge-orange-close-fg: var(--hx-colors-primary-600);
    --hx-component-badge-orange-close-fg_hover: var(--hx-colors-primary-700);
    --hx-component-badge-orange-close-fg_pressed: var(--hx-colors-primary-700);
    --hx-component-badge-orange-close-bg: var(--hx-colors-primary-50);
    --hx-component-badge-orange-close-bg_hover: var(--hx-colors-primary-100);
    --hx-component-badge-orange-close-bg_pressed: var(--hx-colors-primary-200);
    --hx-component-badge-rose-fg: var(--hx-colors-rose-600);
    --hx-component-badge-rose-bg: var(--hx-colors-rose-25);
    --hx-component-badge-rose-border: var(--hx-colors-rose-400);
    --hx-component-badge-rose-close-fg: var(--hx-colors-rose-600);
    --hx-component-badge-rose-close-fg_hover: var(--hx-colors-rose-700);
    --hx-component-badge-rose-close-fg_pressed: var(--hx-colors-rose-700);
    --hx-component-badge-rose-close-bg: var(--hx-colors-rose-50);
    --hx-component-badge-rose-close-bg_hover: var(--hx-colors-rose-100);
    --hx-component-badge-rose-close-bg_pressed: var(--hx-colors-rose-200);
    --hx-component-badge-bronze-fg: var(--hx-colors-bronze-600);
    --hx-component-badge-bronze-bg: var(--hx-colors-bronze-25);
    --hx-component-badge-bronze-border: var(--hx-colors-bronze-400);
    --hx-component-badge-bronze-close-fg: var(--hx-colors-bronze-600);
    --hx-component-badge-bronze-close-fg_hover: var(--hx-colors-bronze-700);
    --hx-component-badge-bronze-close-fg_pressed: var(--hx-colors-bronze-700);
    --hx-component-badge-bronze-close-bg: var(--hx-colors-bronze-50);
    --hx-component-badge-bronze-close-bg_hover: var(--hx-colors-bronze-100);
    --hx-component-badge-bronze-close-bg_pressed: var(--hx-colors-bronze-200);
    --hx-component-badge-coral-fg: var(--hx-colors-coral-600);
    --hx-component-badge-coral-bg: var(--hx-colors-coral-25);
    --hx-component-badge-coral-border: var(--hx-colors-coral-400);
    --hx-component-badge-coral-close-fg: var(--hx-colors-coral-600);
    --hx-component-badge-coral-close-fg_hover: var(--hx-colors-coral-700);
    --hx-component-badge-coral-close-fg_pressed: var(--hx-colors-coral-700);
    --hx-component-badge-coral-close-bg: var(--hx-colors-coral-50);
    --hx-component-badge-coral-close-bg_hover: var(--hx-colors-coral-100);
    --hx-component-badge-coral-close-bg_pressed: var(--hx-colors-coral-200);
    --hx-component-badge-purple-fg: var(--hx-colors-purple-600);
    --hx-component-badge-purple-bg: var(--hx-colors-purple-25);
    --hx-component-badge-purple-border: var(--hx-colors-purple-400);
    --hx-component-badge-purple-close-fg: var(--hx-colors-purple-600);
    --hx-component-badge-purple-close-fg_hover: var(--hx-colors-purple-700);
    --hx-component-badge-purple-close-fg_pressed: var(--hx-colors-purple-700);
    --hx-component-badge-purple-close-bg: var(--hx-colors-purple-50);
    --hx-component-badge-purple-close-bg_hover: var(--hx-colors-purple-100);
    --hx-component-badge-purple-close-bg_pressed: var(--hx-colors-purple-200);
    --hx-component-badge-azure-fg: var(--hx-colors-azure-600);
    --hx-component-badge-azure-bg: var(--hx-colors-azure-25);
    --hx-component-badge-azure-border: var(--hx-colors-azure-400);
    --hx-component-badge-azure-close-fg: var(--hx-colors-azure-600);
    --hx-component-badge-azure-close-fg_hover: var(--hx-colors-azure-700);
    --hx-component-badge-azure-close-fg_pressed: var(--hx-colors-azure-700);
    --hx-component-badge-azure-close-bg: var(--hx-colors-azure-50);
    --hx-component-badge-azure-close-bg_hover: var(--hx-colors-azure-100);
    --hx-component-badge-azure-close-bg_pressed: var(--hx-colors-azure-200);
    --hx-component-section-legacy-footer-bg: var(--hx-colors-gray-lightmode-25);
    --hx-component-section-legacy-footer-fg: var(--hx-colors-gray-lightmode-500);
    --hx-component-section-legacy-header-bg: var(--hx-colors-gray-lightmode-100);
    --hx-component-section-legacy-header-fg: var(--hx-colors-gray-lightmode-700);
    --hx-component-tabber-fg-active: var(--hx-colors-secondary-600);
    --hx-component-tabber-fg-default: var(--hx-colors-gray-lightmode-600);
    --hx-bg-primary: var(--hx-colors-base-white);
    --hx-bg-primary_hover: var(--hx-colors-gray-lightmode-25);
    --hx-bg-primary-input_pressed: var(--hx-colors-base-white);
    --hx-bg-tertiary: var(--hx-colors-gray-lightmode-50);
    --hx-bg-secondary_hover: var(--hx-colors-gray-lightmode-50);
    --hx-bg-secondary: var(--hx-colors-gray-lightmode-25);
    --hx-bg-error-secondary: var(--hx-colors-error-100);
    --hx-bg-brand-secondary_hover: var(--hx-colors-secondary-700);
    --hx-bg-error-primary: var(--hx-colors-error-50);
    --hx-bg-brand-secondary_default: var(--hx-colors-secondary-600);
    --hx-bg-disabled: var(--hx-colors-gray-lightmode-25);
    --hx-bg-interactive_inactive: var(--hx-colors-gray-lightmode-300);
    --hx-bg-error-solid: var(--hx-colors-error-500);
    --hx-bg-warning-solid: var(--hx-colors-warning-800);
    --hx-bg-warning-secondary: var(--hx-colors-warning-100);
    --hx-bg-warning-primary: var(--hx-colors-warning-50);
    --hx-bg-success-solid: var(--hx-colors-success-500);
    --hx-bg-success-secondary: var(--hx-colors-success-100);
    --hx-bg-success-primary: var(--hx-colors-success-50);
    --hx-bg-notice-solid: var(--hx-colors-notice-500);
    --hx-bg-notice-secondary: var(--hx-colors-notice-100);
    --hx-bg-notice-primary: var(--hx-colors-notice-50);
    --hx-bg-brand_default: var(--hx-colors-secondary-25);
    --hx-bg-brand_hover: var(--hx-colors-secondary-50);
    --hx-bg-secondary_pressed: var(--hx-colors-gray-lightmode-100);
    --hx-bg-tertiary_hover: var(--hx-colors-gray-lightmode-100);
    --hx-bg-tertiary_pressed: var(--hx-colors-gray-lightmode-200);
    --hx-bg-primary_pressed: var(--hx-colors-gray-lightmode-50);
    --hx-bg-brand-pressed: var(--hx-colors-secondary-100);
    --hx-bg-brand-secondary_presssed: var(--hx-colors-secondary-800);
    --hx-bg-inverse: var(--hx-colors-gray-lightmode-400);
    --hx-bg-inverse_hover: var(--hx-colors-gray-lightmode-500);
    --hx-bg-inverse_pressed: var(--hx-colors-gray-lightmode-600);
    --hx-bg-brand-tertiary_default: var(--hx-colors-tertiary-500);
    --hx-bg-brand-tertiary_hover: var(--hx-colors-tertiary-600);
    --hx-bg-disabled-secondary: var(--hx-colors-gray-lightmode-50);
    --hx-focus-ring-white-base: var(--hx-colors-base-white);
    --hx-focus-ring-focus: var(--hx-colors-secondary-600)
}