@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root {
  --boreal-color-protect-onyx-onyx-700: #3d3d57;
  --boreal-color-protect-onyx-onyx-600: #57576b;
  --boreal-color-protect-onyx-onyx-400: #9e9eab;
  --boreal-color-protect-onyx-onyx-300: #b7b7c0;
  --boreal-color-protect-onyx-onyx-900: #0e0e2c;
  --boreal-color-protect-onyx-onyx-800: #262640;
  --boreal-color-protect-onyx-onyx-100: #e9eaec;
  --boreal-color-protect-onyx-onyx-500: #8c8ca1;
  --boreal-color-protect-onyx-onyx-50: #f4f7f9;
  --boreal-color-protect-onyx-onyx-200: #dddde2;
  --boreal-color-protect-onyx-onyx-25: #f9fafa;
  --boreal-color-protect-indigo-indigo-800: #000f73;
  --boreal-color-protect-indigo-indigo-700: #001287;
  --boreal-color-protect-indigo-indigo-600: #00149c;
  --boreal-color-protect-indigo-indigo-300: #6675d9;
  --boreal-color-protect-indigo-indigo-100: #ccd1f2;
  --boreal-color-protect-indigo-indigo-500: #011ac2;
  --boreal-color-protect-indigo-indigo-400: #3347cf;
  --boreal-color-protect-indigo-indigo-200: #99a3e8;
  --boreal-color-protect-indigo-indigo-900: #000d61;
  --boreal-color-protect-indigo-indigo-50: #e5e8f9;
  --boreal-color-protect-indigo-indigo-25: #f9f9fd;
  --boreal-color-protect-violet-violet-800: #4f0061;
  --boreal-color-protect-violet-violet-600: #6b0082;
  --boreal-color-protect-violet-violet-400: #9e33b5;
  --boreal-color-protect-violet-violet-700: #5c0073;
  --boreal-color-protect-violet-violet-300: #b566c7;
  --boreal-color-protect-violet-violet-500: #8400a3;
  --boreal-color-protect-violet-violet-200: #cf99d9;
  --boreal-color-protect-violet-violet-100: #e5cced;
  --boreal-color-protect-violet-violet-900: #420052;
  --boreal-color-protect-violet-violet-50: #f5e4f5;
  --boreal-color-protect-violet-violet-25: #fdf8fd;
  --boreal-color-protect-cyan-cyan-500: #0ac6ff;
  --boreal-color-protect-cyan-cyan-300: #6bdeff;
  --boreal-color-protect-cyan-cyan-800: #034d63;
  --boreal-color-protect-cyan-cyan-200: #9ee8ff;
  --boreal-color-protect-cyan-cyan-100: #cff5ff;
  --boreal-color-protect-cyan-cyan-600: #089ecc;
  --boreal-color-protect-cyan-cyan-900: #022631;
  --boreal-color-protect-cyan-cyan-50: #dff6ff;
  --boreal-color-protect-cyan-cyan-700: #077392;
  --boreal-color-protect-cyan-cyan-400: #3bd1ff;
  --boreal-color-protect-cyan-cyan-25: #f7fdff;
  --boreal-color-protect-emerald-emerald-800: #009d28;
  --boreal-color-protect-emerald-emerald-700: #00b232;
  --boreal-color-protect-emerald-emerald-600: #0fc73d;
  --boreal-color-protect-emerald-emerald-500: #2ed845;
  --boreal-color-protect-emerald-emerald-300: #82e681;
  --boreal-color-protect-emerald-emerald-200: #a9eda7;
  --boreal-color-protect-emerald-emerald-100: #ccf5ca;
  --boreal-color-protect-emerald-emerald-900: #007a12;
  --boreal-color-protect-emerald-emerald-50: #ebfbea;
  --boreal-color-protect-emerald-emerald-400: #5ddf63;
  --boreal-color-protect-emerald-emerald-25: #fbfefb;
  --boreal-color-protect-cobalt-cobalt-600: #0031ef;
  --boreal-color-protect-cobalt-cobalt-500: #003afb;
  --boreal-color-protect-cobalt-cobalt-700: #0025e3;
  --boreal-color-protect-cobalt-cobalt-400: #1f5bff;
  --boreal-color-protect-cobalt-cobalt-800: #0015d9;
  --boreal-color-protect-cobalt-cobalt-200: #94a0fe;
  --boreal-color-protect-cobalt-cobalt-900: #0000bc;
  --boreal-color-protect-cobalt-cobalt-300: #5e7aff;
  --boreal-color-protect-cobalt-cobalt-100: #c1c5fe;
  --boreal-color-protect-cobalt-cobalt-50: #e7e8ff;
  --boreal-color-protect-cobalt-cobalt-25: #f9f9ff;
  --boreal-color-protect-lime-lime-800: #006611;
  --boreal-color-protect-lime-lime-700: #009923;
  --boreal-color-protect-lime-lime-300: #73da7d;
  --boreal-color-protect-lime-lime-200: #9fe4a4;
  --boreal-color-protect-lime-lime-600: #00b733;
  --boreal-color-protect-lime-lime-25: #fafefb;
  --boreal-color-protect-lime-lime-900: #002900;
  --boreal-color-protect-lime-lime-500: #0fc73d;
  --boreal-color-protect-lime-lime-400: #4cd15e;
  --boreal-color-protect-lime-lime-50: #e7f9e9;
  --boreal-color-protect-lime-lime-100: #c6eec8;
  --boreal-color-protect-sunrise-sunrise-800: #5c280a;
  --boreal-color-protect-sunrise-sunrise-600: #fa9640;
  --boreal-color-protect-sunrise-sunrise-500: #ffa244;
  --boreal-color-protect-sunrise-sunrise-400: #ffae51;
  --boreal-color-protect-sunrise-sunrise-700: #d7620e;
  --boreal-color-protect-sunrise-sunrise-200: #ffd092;
  --boreal-color-protect-sunrise-sunrise-100: #ffe2bc;
  --boreal-color-protect-sunrise-sunrise-900: #2c1107;
  --boreal-color-protect-sunrise-sunrise-300: #ffbd6a;
  --boreal-color-protect-sunrise-sunrise-50: #fff4e4;
  --boreal-color-protect-sunrise-sunrise-25: #fffcf8;
  --boreal-color-protect-cherry-cherry-800: #720820;
  --boreal-color-protect-cherry-cherry-500: #ff314b;
  --boreal-color-protect-cherry-cherry-700: #df1b42;
  --boreal-color-protect-cherry-cherry-400: #f94b63;
  --boreal-color-protect-cherry-cherry-300: #ec7181;
  --boreal-color-protect-cherry-cherry-200: #f399a5;
  --boreal-color-protect-cherry-cherry-25: #fffafb;
  --boreal-color-protect-cherry-cherry-100: #ffcdd9;
  --boreal-color-protect-cherry-cherry-900: #430513;
  --boreal-color-protect-cherry-cherry-600: #f22749;
  --boreal-color-protect-cherry-cherry-50: #ffebf1;
  --boreal-color-engage-lime-lime-80: #192b00;
  --boreal-color-engage-lime-lime-70: #2a4a00;
  --boreal-color-engage-lime-lime-60: #325c00;
  --boreal-color-engage-lime-lime-50: #427d07;
  --boreal-color-engage-lime-lime-90: #101900;
  --boreal-color-engage-lime-lime-30: #8dc75f;
  --boreal-color-engage-lime-lime-5: #eefee7;
  --boreal-color-engage-lime-lime-40: #61a824;
  --boreal-color-engage-lime-lime-10: #d5f7c1;
  --boreal-color-engage-lime-lime-20: #ace089;
  --boreal-color-engage-green-green-80: #002b0d;
  --boreal-color-engage-green-green-30: #67c98c;
  --boreal-color-engage-green-green-60: #006120;
  --boreal-color-engage-green-green-50: #058531;
  --boreal-color-engage-green-green-5: #eefbf4;
  --boreal-color-engage-green-green-40: #24a852;
  --boreal-color-engage-green-green-90: #001b07;
  --boreal-color-engage-green-green-70: #004a18;
  --boreal-color-engage-green-green-10: #c7f0d7;
  --boreal-color-engage-green-green-20: #96deb2;
  --boreal-color-engage-teal-teal-80: #002928;
  --boreal-color-engage-teal-teal-50: #00827d;
  --boreal-color-engage-teal-teal-10: #bef0f4;
  --boreal-color-engage-teal-teal-40: #0ca6ab;
  --boreal-color-engage-teal-teal-60: #005958;
  --boreal-color-engage-teal-teal-20: #87dee3;
  --boreal-color-engage-teal-teal-90: #001a18;
  --boreal-color-engage-teal-teal-30: #52c6cc;
  --boreal-color-engage-teal-teal-70: #004543;
  --boreal-color-engage-teal-teal-5: #e8fbfc;
  --boreal-color-engage-cyan-cyan-90: #05161f;
  --boreal-color-engage-cyan-cyan-60: #06527a;
  --boreal-color-engage-cyan-cyan-50: #0a77ba;
  --boreal-color-engage-cyan-cyan-40: #119aeb;
  --boreal-color-engage-cyan-cyan-30: #5abefc;
  --boreal-color-engage-cyan-cyan-10: #c2e9ff;
  --boreal-color-engage-cyan-cyan-70: #063e59;
  --boreal-color-engage-cyan-cyan-20: #8ad4ff;
  --boreal-color-engage-cyan-cyan-5: #ebf9ff;
  --boreal-color-engage-cyan-cyan-80: #052533;
  --boreal-color-engage-blue-blue-80: #03204a;
  --boreal-color-engage-blue-blue-40: #467df7;
  --boreal-color-engage-blue-blue-90: #03152b;
  --boreal-color-engage-blue-blue-70: #023075;
  --boreal-color-engage-blue-blue-30: #7ba9fe;
  --boreal-color-engage-blue-blue-20: #9ec5ff;
  --boreal-color-engage-blue-blue-60: #0442ab;
  --boreal-color-engage-blue-blue-50: #0a5bfc;
  --boreal-color-engage-blue-blue-10: #d1e4ff;
  --boreal-color-engage-blue-blue-5: #f0f7ff;
  --boreal-color-engage-purple-purple-90: #16042a;
  --boreal-color-engage-purple-purple-80: #29074f;
  --boreal-color-engage-purple-purple-70: #400c73;
  --boreal-color-engage-purple-purple-60: #5c1899;
  --boreal-color-engage-purple-purple-30: #cb80f2;
  --boreal-color-engage-purple-purple-50: #892cd1;
  --boreal-color-engage-purple-purple-40: #a751e0;
  --boreal-color-engage-purple-purple-20: #e698f5;
  --boreal-color-engage-purple-purple-10: #f7c6f7;
  --boreal-color-engage-purple-purple-5: #fceefc;
  --boreal-color-engage-rose-rose-80: #420a28;
  --boreal-color-engage-rose-rose-60: #8e154f;
  --boreal-color-engage-rose-rose-50: #bf2367;
  --boreal-color-engage-rose-rose-90: #220716;
  --boreal-color-engage-rose-rose-70: #630e39;
  --boreal-color-engage-rose-rose-5: #fceef7;
  --boreal-color-engage-rose-rose-40: #db4884;
  --boreal-color-engage-rose-rose-30: #fb74a7;
  --boreal-color-engage-rose-rose-20: #ff9ec6;
  --boreal-color-engage-rose-rose-10: #ffcce4;
  --boreal-color-engage-red-red-80: #45040e;
  --boreal-color-engage-red-red-90: #260309;
  --boreal-color-engage-red-red-50: #c7242b;
  --boreal-color-engage-red-red-40: #e44e51;
  --boreal-color-engage-red-red-30: #f87c7e;
  --boreal-color-engage-red-red-10: #ffd1d1;
  --boreal-color-engage-red-red-70: #690713;
  --boreal-color-engage-red-red-60: #94101b;
  --boreal-color-engage-red-red-20: #ffa3a5;
  --boreal-color-engage-red-red-5: #fff0f1;
  --boreal-color-engage-orange-orange-70: #612500;
  --boreal-color-engage-orange-orange-50: #bc550b;
  --boreal-color-engage-orange-orange-30: #ffa352;
  --boreal-color-engage-orange-orange-80: #3e1600;
  --boreal-color-engage-orange-orange-40: #ec7a22;
  --boreal-color-engage-orange-orange-20: #ffc88a;
  --boreal-color-engage-orange-orange-10: #ffe9c7;
  --boreal-color-engage-orange-orange-90: #240c00;
  --boreal-color-engage-orange-orange-60: #8a3900;
  --boreal-color-engage-orange-orange-5: #fff8e6;
  --boreal-color-engage-yellow-yellow-80: #332200;
  --boreal-color-engage-yellow-yellow-60: #755100;
  --boreal-color-engage-yellow-yellow-40: #dba70a;
  --boreal-color-engage-yellow-yellow-10: #fff5c2;
  --boreal-color-engage-yellow-yellow-30: #f2c840;
  --boreal-color-engage-yellow-yellow-90: #1f1300;
  --boreal-color-engage-yellow-yellow-50: #a37600;
  --boreal-color-engage-yellow-yellow-20: #ffe180;
  --boreal-color-engage-yellow-yellow-70: #523800;
  --boreal-color-engage-yellow-yellow-5: #fffde6;
  --boreal-color-engage-ink-ink-90: #131316;
  --boreal-color-engage-ink-ink-70: #272a2f;
  --boreal-color-engage-ink-ink-60: #3b3f45;
  --boreal-color-engage-ink-ink-50: #595d64;
  --boreal-color-engage-ink-ink-30: #b6b8be;
  --boreal-color-engage-ink-ink-40: #8a8e96;
  --boreal-color-engage-ink-ink-20: #d3d4d9;
  --boreal-color-engage-ink-ink-80: #1c1e21;
  --boreal-color-engage-ink-ink-10: #e3e3e6;
  --boreal-color-engage-ink-ink-5: #f7f7f8;
  --boreal-color-white: #ffffff;
  --boreal-color-connect-petrol-petrol-3: #007da4;
  --boreal-color-connect-petrol-petrol-4: #33a3c2;
  --boreal-color-connect-petrol-petrol-5: #99cbdd;
  --boreal-color-connect-petrol-petrol-6: #c4e1eb;
  --boreal-color-connect-petrol-petrol-1: #003242;
  --boreal-color-connect-petrol-petrol-2: #005066;
  --boreal-color-connect-petrol-petrol-7: #eaf6fa;
  --boreal-color-connect-ice-ice-3: #4bb7e2;
  --boreal-color-connect-ice-ice-4: #76c7e8;
  --boreal-color-connect-ice-ice-5: #96d6ee;
  --boreal-color-connect-ice-ice-6: #b7e2f3;
  --boreal-color-connect-ice-ice-1: #2d6f89;
  --boreal-color-connect-ice-ice-2: #3894b3;
  --boreal-color-connect-ice-ice-7: #ecf7fb;
  --boreal-color-connect-cobalt-cobalt-3: #143db2;
  --boreal-color-connect-cobalt-cobalt-5: #718ed7;
  --boreal-color-connect-cobalt-cobalt-6: #a1b1e0;
  --boreal-color-connect-cobalt-cobalt-7: #e7ebf8;
  --boreal-color-connect-cobalt-cobalt-1: #10318e;
  --boreal-color-connect-cobalt-cobalt-4: #3b60c5;
  --boreal-color-connect-cobalt-cobalt-2: #1238a1;
  --boreal-color-connect-byzantine-byzantine-3: #2163ce;
  --boreal-color-connect-byzantine-byzantine-4: #4a83d9;
  --boreal-color-connect-byzantine-byzantine-5: #759fe0;
  --boreal-color-connect-byzantine-byzantine-6: #a6c1eb;
  --boreal-color-connect-byzantine-byzantine-2: #153f87;
  --boreal-color-connect-byzantine-byzantine-1: #0c2a5c;
  --boreal-color-connect-byzantine-byzantine-7: #e9f0fb;
  --boreal-color-connect-grey-grey-1: #21363e;
  --boreal-color-connect-grey-grey-2: #37474f;
  --boreal-color-connect-grey-grey-3: #7a8b91;
  --boreal-color-connect-grey-grey-4: #a1adb2;
  --boreal-color-connect-grey-grey-5: #c4cfd4;
  --boreal-color-connect-grey-grey-6: #e0e6e9;
  --boreal-color-connect-grey-grey-7: #f0f1f2;
  --boreal-color-connect-grey-grey-8: #e3e3e6;
  --boreal-color-connect-black-black-1: #1a1a1a;
  --boreal-color-connect-black-black-2: #252525;
  --boreal-color-connect-black-black-3: #333333;
  --boreal-color-connect-black-black-4: #4c4c4c;
  --boreal-color-connect-black-black-5: #7d7d7d;
  --boreal-color-connect-black-black-6: #bfbfbf;
  --boreal-color-connect-black-black-7: #f2f2f2;
  --boreal-color-connect-sea-sea-1: #009977;
  --boreal-color-connect-sea-sea-2: #00aa88;
  --boreal-color-connect-sea-sea-3: #00cc99;
  --boreal-color-connect-sea-sea-4: #33d6ad;
  --boreal-color-connect-sea-sea-5: #66e0c2;
  --boreal-color-connect-sea-sea-6: #99ecd6;
  --boreal-color-connect-sea-sea-7: #e5faf5;
  --boreal-color-connect-success-success-1: #004d00;
  --boreal-color-connect-success-success-2: #006600;
  --boreal-color-connect-success-success-3: #008000;
  --boreal-color-connect-success-success-4: #339933;
  --boreal-color-connect-success-success-5: #66b266;
  --boreal-color-connect-success-success-6: #c0e6c0;
  --boreal-color-connect-success-success-7: #eaf7ea;
  --boreal-color-connect-warning-warning-1: #623400;
  --boreal-color-connect-warning-warning-2: #8a4600;
  --boreal-color-connect-warning-warning-3: #f58221;
  --boreal-color-connect-warning-warning-4: #f89b4c;
  --boreal-color-connect-warning-warning-5: #fab777;
  --boreal-color-connect-warning-warning-6: #fbcda6;
  --boreal-color-connect-warning-warning-7: #fef0e6;
  --boreal-color-connect-error-error-1: #690000;
  --boreal-color-connect-error-error-2: #8a0000;
  --boreal-color-connect-error-error-3: #b30000;
  --boreal-color-connect-error-error-4: #d93c3c;
  --boreal-color-connect-error-error-5: #e58080;
  --boreal-color-connect-error-error-6: #f1c6c6;
  --boreal-color-connect-error-error-7: #faeaea;
  --boreal-color-proximus-onyx-onyx-50: #ecedee;
  --boreal-color-proximus-onyx-onyx-60: #656e7b;
  --boreal-color-proximus-onyx-onyx-70: #525b67;
  --boreal-color-proximus-onyx-onyx-80: #333c48;
  --boreal-color-proximus-onyx-onyx-40: #adb7c4;
  --boreal-color-proximus-onyx-onyx-30: #d0dae9;
  --boreal-color-proximus-onyx-onyx-20: #e0eaf9;
  --boreal-color-proximus-onyx-onyx-90: #131c26;
  --boreal-color-proximus-onyx-onyx-10: #e9f3ff;
  --boreal-color-proximus-onyx-onyx-5: #f0faff;
  --boreal-color-proximus-onyx-onyx-500: #424951;
  --boreal-color-proximus-onyx-onyx-600: #3c424a;
  --boreal-color-proximus-onyx-onyx-700: #2f343a;
  --boreal-color-proximus-onyx-onyx-800: #24282d;
  --boreal-color-proximus-onyx-onyx-400: #686d74;
  --boreal-color-proximus-onyx-onyx-300: #80858a;
  --boreal-color-proximus-onyx-onyx-200: #a8abaf;
  --boreal-color-proximus-onyx-onyx-900: #1c1f22;
  --boreal-color-proximus-onyx-onyx-100: #c4c7c9;
  --boreal-color-proximus-cobalt-cobalt-5: #e9efff;
  --boreal-color-proximus-cobalt-cobalt-10: #c1c5fe;
  --boreal-color-proximus-cobalt-cobalt-20: #94a0fe;
  --boreal-color-proximus-cobalt-cobalt-30: #5e7aff;
  --boreal-color-proximus-cobalt-cobalt-40: #1f5bff;
  --boreal-color-proximus-cobalt-cobalt-50: #003afb;
  --boreal-color-proximus-cobalt-cobalt-60: #0031ef;
  --boreal-color-proximus-cobalt-cobalt-70: #0025e3;
  --boreal-color-proximus-cobalt-cobalt-80: #0015d9;
  --boreal-color-proximus-cobalt-cobalt-90: #0000bf;
  --boreal-color-proximus-cobalt-cobalt-100: #bacdff;
  --boreal-color-proximus-cobalt-cobalt-200: #98b4ff;
  --boreal-color-proximus-cobalt-cobalt-300: #6992ff;
  --boreal-color-proximus-cobalt-cobalt-400: #4c7dff;
  --boreal-color-proximus-cobalt-cobalt-500: #1f5dff;
  --boreal-color-proximus-cobalt-cobalt-600: #1c55e8;
  --boreal-color-proximus-cobalt-cobalt-700: #1642b5;
  --boreal-color-proximus-cobalt-cobalt-800: #11338c;
  --boreal-color-proximus-cobalt-cobalt-900: #0d276b;
  --boreal-color-proximus-mint-mint-5: #e6fcf4;
  --boreal-color-proximus-mint-mint-10: #b3f0d1;
  --boreal-color-proximus-mint-mint-20: #7be7b3;
  --boreal-color-proximus-mint-mint-30: #00dd92;
  --boreal-color-proximus-mint-mint-40: #00d47a;
  --boreal-color-proximus-mint-mint-50: #00c964;
  --boreal-color-proximus-mint-mint-60: #00b959;
  --boreal-color-proximus-mint-mint-70: #00a64c;
  --boreal-color-proximus-mint-mint-80: #00943f;
  --boreal-color-proximus-mint-mint-90: #00732a;
  --boreal-color-proximus-mint-mint-100: #b0f4dd;
  --boreal-color-proximus-mint-mint-200: #8aefcd;
  --boreal-color-proximus-mint-mint-300: #54e8b6;
  --boreal-color-proximus-mint-mint-400: #33e4a8;
  --boreal-color-proximus-mint-mint-500: #00dd92;
  --boreal-color-proximus-mint-mint-600: #00c985;
  --boreal-color-proximus-mint-mint-700: #009d68;
  --boreal-color-proximus-mint-mint-800: #007a50;
  --boreal-color-proximus-mint-mint-900: #005d3d;
  --boreal-color-proximus-indigo-indigo-50: #e6eaf7;
  --boreal-color-proximus-indigo-indigo-100: #b2bee5;
  --boreal-color-proximus-indigo-indigo-200: #8d9ed8;
  --boreal-color-proximus-indigo-indigo-300: #5972c6;
  --boreal-color-proximus-indigo-indigo-400: #3957bb;
  --boreal-color-proximus-indigo-indigo-500: #072daa;
  --boreal-color-proximus-indigo-indigo-600: #06299b;
  --boreal-color-proximus-indigo-indigo-700: #052079;
  --boreal-color-proximus-indigo-indigo-800: #04195e;
  --boreal-color-proximus-indigo-indigo-900: #031347;
  --boreal-color-proximus-neutral-neutral-5: #ffffff;
  --boreal-color-proximus-neutral-neutral-200: #eeeeee;
  --boreal-color-proximus-neutral-neutral-300: #e0e0e0;
  --boreal-color-proximus-neutral-neutral-400: #cfcfcf;
  --boreal-color-proximus-neutral-neutral-500: #b5b5b5;
  --boreal-color-proximus-neutral-neutral-600: #8c8c8c;
  --boreal-color-proximus-neutral-neutral-700: #6b6b6b;
  --boreal-color-proximus-neutral-neutral-800: #4a4a4a;
  --boreal-color-proximus-neutral-neutral-900: #2e2e2e;
  --boreal-color-proximus-neutral-neutral-100: #f7f7f7;
  --boreal-color-proximus-cyan-cyan-50: #e7f9ff;
  --boreal-color-proximus-cyan-cyan-100: #b3edff;
  --boreal-color-proximus-cyan-cyan-200: #8ee5ff;
  --boreal-color-proximus-cyan-cyan-300: #5bd9ff;
  --boreal-color-proximus-cyan-cyan-400: #3bd1ff;
  --boreal-color-proximus-cyan-cyan-500: #0ac6ff;
  --boreal-color-proximus-cyan-cyan-600: #09b4e8;
  --boreal-color-proximus-cyan-cyan-700: #078db5;
  --boreal-color-proximus-cyan-cyan-800: #066d8c;
  --boreal-color-proximus-cyan-cyan-900: #04536b;
  --boreal-color-proximus-violet-violet-50: #f4e8f5;
  --boreal-color-proximus-violet-violet-100: #dcb7e1;
  --boreal-color-proximus-violet-violet-200: #cb94d2;
  --boreal-color-proximus-violet-violet-300: #b363bd;
  --boreal-color-proximus-violet-violet-400: #a445b1;
  --boreal-color-proximus-violet-violet-500: #8d169d;
  --boreal-color-proximus-violet-violet-600: #80148f;
  --boreal-color-proximus-violet-violet-700: #64106f;
  --boreal-color-proximus-violet-violet-800: #4e0c56;
  --boreal-color-proximus-violet-violet-900: #3b0942;
  --boreal-color-proximus-red-red-50: #fdecea;
  --boreal-color-proximus-red-red-100: #f9dad7;
  --boreal-color-proximus-red-red-200: #f4b7b2;
  --boreal-color-proximus-red-red-300: #ef938c;
  --boreal-color-proximus-red-red-400: #eb6f66;
  --boreal-color-proximus-red-red-500: #e74c3c;
  --boreal-color-proximus-red-red-600: #d84336;
  --boreal-color-proximus-red-red-700: #c0392b;
  --boreal-color-proximus-red-red-800: #a93226;
  --boreal-color-proximus-red-red-900: #7b241c;
  --boreal-color-proximus-amber-amber-50: #fff4e6;
  --boreal-color-proximus-amber-amber-100: #ffdcb0;
  --boreal-color-proximus-amber-amber-200: #ffcb8a;
  --boreal-color-proximus-amber-amber-300: #ffb454;
  --boreal-color-proximus-amber-amber-400: #ffa533;
  --boreal-color-proximus-amber-amber-500: #ff8f00;
  --boreal-color-proximus-amber-amber-600: #e88200;
  --boreal-color-proximus-amber-amber-700: #b56600;
  --boreal-color-proximus-amber-amber-800: #8c4f00;
  --boreal-color-proximus-amber-amber-900: #6b3c00;
  --boreal-spacing-2xs: 4px;
  --boreal-spacing-5xl: 64px;
  --boreal-spacing-s: 12px;
  --boreal-spacing-2xl: 40px;
  --boreal-spacing-3xl: 48px;
  --boreal-spacing-ml: 20px;
  --boreal-spacing-xl: 32px;
  --boreal-spacing-l: 24px;
  --boreal-spacing-m: 16px;
  --boreal-spacing-4xl: 56px;
  --boreal-spacing-3xs: 2px;
  --boreal-spacing-xs: 8px;
  --boreal-spacing-4xs: 1px;
  --boreal-spacing-1xs: 6px;
  --boreal-spacing-6xl: 80px;
  --boreal-spacing-7xl: 96px;
  --boreal-layout-6xl: 160px;
  --boreal-layout-5xl: 120px;
  --boreal-layout-2xl: 64px;
  --boreal-layout-3xl: 80px;
  --boreal-layout-m: 16px;
  --boreal-layout-xl: 48px;
  --boreal-layout-s: 12px;
  --boreal-layout-xs: 8px;
  --boreal-layout-l: 32px;
  --boreal-layout-ml: 24px;
  --boreal-layout-4xl: 96px;
  --boreal-icons-s: 12px;
  --boreal-icons-m: 16px;
  --boreal-icons-l: 20px;
  --boreal-icons-xl: 24px;
  --boreal-radius-full: 360px;
  --boreal-radius-xl: 24px;
  --boreal-radius-m: 12px;
  --boreal-radius-xs2: 2px;
  --boreal-radius-l: 16px;
  --boreal-radius-s: 8px;
  --boreal-radius-xs: 4px;
  --boreal-radius-none: 0px;
  --boreal-typography-font-family-primary: Inter;
  --boreal-typography-font-family-secondary: Courier Prime ;
  --boreal-typography-font-size-xs: 12px;
  --boreal-typography-font-size-sm: 14px;
  --boreal-typography-font-size-md: 16px;
  --boreal-typography-font-size-lg: 20px;
  --boreal-typography-font-size-xl: 28px;
  --boreal-typography-font-size-2xl: 32px;
  --boreal-typography-font-size-3xl: 42px;
  --boreal-typography-font-size-4xl: 54px;
  --boreal-typography-line-height-xs: 16px;
  --boreal-typography-line-height-sm: 20px;
  --boreal-typography-line-height-md: 22px;
  --boreal-typography-line-height-lg: 28px;
  --boreal-typography-line-height-xl: 36px;
  --boreal-typography-line-height-2xl: 40px;
  --boreal-typography-line-height-3xl: 50px;
  --boreal-typography-line-height-4xl: 64px;
  --boreal-typography-font-weight-light: 300;
  --boreal-typography-font-weight-regular: 400;
  --boreal-typography-font-weight-semibold: 600;
  --boreal-typography-font-weight-bold: 700;
}

[data-theme="proximus"] {
  --boreal-accent-dark: var(--boreal-color-proximus-mint-mint-700);
  --boreal-black: var(--boreal-color-proximus-onyx-onyx-900);
  --boreal-accent-light: var(--boreal-color-proximus-mint-mint-200);
  --boreal-white: var(--boreal-color-white);
  --boreal-accent-base: var(--boreal-color-proximus-mint-mint-400);
  --boreal-extended-teal-light: var(--boreal-color-engage-teal-teal-20);
  --boreal-extended-teal-lighter: var(--boreal-color-engage-teal-teal-5);
  --boreal-extended-teal-base: var(--boreal-color-engage-teal-teal-40);
  --boreal-extended-teal-dark: var(--boreal-color-engage-teal-teal-70);
  --boreal-extended-teal-darker: var(--boreal-color-engage-teal-teal-90);
  --boreal-extended-purple-base: var(--boreal-color-engage-purple-purple-50);
  --boreal-extended-purple-dark: var(--boreal-color-engage-purple-purple-70);
  --boreal-extended-orange-base: var(--boreal-color-engage-orange-orange-40);
  --boreal-extended-purple-light: var(--boreal-color-engage-purple-purple-20);
  --boreal-extended-orange-darker: var(--boreal-color-engage-orange-orange-90);
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
  --boreal-extended-orange-dark: var(--boreal-color-engage-orange-orange-70);
  --boreal-extended-orange-light: var(--boreal-color-engage-orange-orange-20);
  --boreal-extended-purple-lighter: var(--boreal-color-engage-purple-purple-5);
  --boreal-extended-purple-darker: var(--boreal-color-engage-purple-purple-90);
  --boreal-extended-cyan-lighter: var(--boreal-color-engage-cyan-cyan-5);
  --boreal-extended-cyan-light: var(--boreal-color-engage-cyan-cyan-20);
  --boreal-extended-cyan-base: var(--boreal-color-engage-cyan-cyan-40);
  --boreal-extended-cyan-dark: var(--boreal-color-engage-cyan-cyan-70);
  --boreal-extended-cyan-darker: var(--boreal-color-engage-cyan-cyan-90);
  --boreal-extended-lime-dark: var(--boreal-color-engage-lime-lime-70);
  --boreal-extended-lime-base: var(--boreal-color-engage-lime-lime-40);
  --boreal-extended-lime-darker: var(--boreal-color-engage-lime-lime-90);
  --boreal-extended-lime-light: var(--boreal-color-engage-lime-lime-20);
  --boreal-extended-lime-lighter: var(--boreal-color-engage-lime-lime-5);
  --boreal-extended-cobalt-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
  --boreal-extended-cobalt-light: var(--boreal-color-protect-cobalt-cobalt-100);
  --boreal-extended-cobalt-base: var(--boreal-color-protect-cobalt-cobalt-600);
  --boreal-extended-cobalt-dark: var(--boreal-color-protect-cobalt-cobalt-800);
  --boreal-extended-cobalt-darker: var(--boreal-color-protect-cobalt-cobalt-900);
  --boreal-extended-onyx-lighter: var(--boreal-color-protect-onyx-onyx-100);
  --boreal-extended-onyx-light: var(--boreal-color-protect-onyx-onyx-200);
  --boreal-extended-onyx-base: var(--boreal-color-protect-onyx-onyx-500);
  --boreal-extended-onyx-dark: var(--boreal-color-protect-onyx-onyx-600);
  --boreal-extended-onyx-darker: var(--boreal-color-protect-onyx-onyx-900);
  --boreal-extended-rose-lighter: var(--boreal-color-engage-rose-rose-5);
  --boreal-extended-rose-light: var(--boreal-color-engage-rose-rose-20);
  --boreal-extended-rose-base: var(--boreal-color-engage-rose-rose-50);
  --boreal-extended-rose-dark: var(--boreal-color-engage-rose-rose-70);
  --boreal-extended-rose-darker: var(--boreal-color-engage-rose-rose-90);
  --boreal-neutral-deep: var(--boreal-color-proximus-onyx-onyx-600);
  --boreal-information-lighter: var(--boreal-color-proximus-cobalt-cobalt-5);
  --boreal-information-light: var(--boreal-color-proximus-cobalt-cobalt-200);
  --boreal-success-lighter: var(--boreal-color-proximus-mint-mint-5);
  --boreal-information-base: var(--boreal-color-proximus-cobalt-cobalt-500);
  --boreal-neutral-contrast: var(--boreal-color-proximus-onyx-onyx-900);
  --boreal-information-dark: var(--boreal-color-proximus-cobalt-cobalt-700);
  --boreal-neutral-base: var(--boreal-color-proximus-onyx-onyx-400);
  --boreal-warning-base: var(--boreal-color-proximus-amber-amber-400);
  --boreal-neutral-ink: var(--boreal-color-proximus-onyx-onyx-700);
  --boreal-warning-dark: var(--boreal-color-proximus-amber-amber-700);
  --boreal-warning-darker: var(--boreal-color-proximus-amber-amber-900);
  --boreal-warning-light: var(--boreal-color-proximus-amber-amber-200);
  --boreal-focus: var(--boreal-color-proximus-cobalt-cobalt-200);
  --boreal-success-light: var(--boreal-color-proximus-mint-mint-200);
  --boreal-neutral-ligther: var(--boreal-color-proximus-neutral-neutral-200);
  --boreal-success-base: var(--boreal-color-proximus-mint-mint-600);
  --boreal-primary-dark: var(--boreal-color-proximus-cobalt-cobalt-700);
  --boreal-danger-darker: var(--boreal-color-proximus-red-red-900);
  --boreal-primary-darker: var(--boreal-color-proximus-cobalt-cobalt-900);
  --boreal-danger-dark: var(--boreal-color-proximus-red-red-800);
  --boreal-base-alt: var(--boreal-color-proximus-onyx-onyx-900);
  --boreal-neutral-dark: var(--boreal-color-proximus-onyx-onyx-100);
  --boreal-danger-lighter: var(--boreal-color-proximus-red-red-50);
  --boreal-base-lighter: var(--boreal-color-proximus-neutral-neutral-300);
  --boreal-danger-light: var(--boreal-color-proximus-red-red-200);
  --boreal-accent-lighter: var(--boreal-color-proximus-mint-mint-5);
  --boreal-success-dark: var(--boreal-color-proximus-mint-mint-700);
  --boreal-neutral: var(--boreal-color-proximus-onyx-onyx-50);
  --boreal-accent-darker: var(--boreal-color-proximus-mint-mint-900);
  --boreal-neutral-paper: var(--boreal-color-proximus-onyx-onyx-200);
  --boreal-warning-lighter: var(--boreal-color-proximus-amber-amber-50);
  --boreal-success-darker: var(--boreal-color-proximus-mint-mint-900);
  --boreal-primary-base: var(--boreal-color-proximus-cobalt-cobalt-500);
  --boreal-information-darker: var(--boreal-color-proximus-cobalt-cobalt-900);
  --boreal-neutral-darker: var(--boreal-color-proximus-onyx-onyx-500);
  --boreal-neutral-light: var(--boreal-color-proximus-onyx-onyx-100);
  --boreal-danger-base: var(--boreal-color-proximus-red-red-500);
  --boreal-neutral-deeper: var(--boreal-color-proximus-onyx-onyx-800);
  --boreal-base-light: var(--boreal-color-proximus-neutral-neutral-300);
  --boreal-primary-light: var(--boreal-color-proximus-cobalt-cobalt-200);
  --boreal-primary-lighter: var(--boreal-color-proximus-cobalt-cobalt-5);
  --boreal-base-dark: var(--boreal-color-proximus-onyx-onyx-100);
  --boreal-base-darker: var(--boreal-color-proximus-onyx-onyx-200);
  --boreal-user-base: var(--boreal-color-proximus-cobalt-cobalt-5);
  --boreal-bg-overlay: var(--boreal-neutral-contrast);
  --boreal-bg-inverse: var(--boreal-white);
  --boreal-bg-primary-darker: var(--boreal-primary-darker);
  --boreal-bg-neutral: var(--boreal-neutral);
  --boreal-bg-primary-base: var(--boreal-primary-base);
  --boreal-bg-neutral-ink: var(--boreal-neutral-ink);
  --boreal-bg-primary-lighter: var(--boreal-primary-lighter);
  --boreal-bg-primary-light: var(--boreal-primary-light);
  --boreal-bg-neutral-light: var(--boreal-neutral-light);
  --boreal-bg-neutral-paper: var(--boreal-neutral-paper);
  --boreal-bg-nuetral-dark: var(--boreal-neutral-dark);
  --boreal-bg-neutral-base: var(--boreal-neutral-base);
  --boreal-bg-neutral-darker: var(--boreal-neutral-darker);
  --boreal-bg-neutral-deep: var(--boreal-neutral-deep);
  --boreal-text-success-base: var(--boreal-success-base);
  --boreal-text-danger-base: var(--boreal-danger-base);
  --boreal-text-information-base: var(--boreal-information-base);
  --boreal-text-accent: var(--boreal-accent-base);
  --boreal-text-default: var(--boreal-neutral-ink);
  --boreal-text-default-light: var(--boreal-neutral-base);
  --boreal-text-inverse: var(--boreal-white);
  --boreal-text-warning-base: var(--boreal-warning-base);
  --boreal-text-disabled: var(--boreal-neutral-dark);
  --boreal-text-primary-base: var(--boreal-primary-base);
  --boreal-text-danger-dark: var(--boreal-danger-dark);
  --boreal-text-success-dark: var(--boreal-success-dark);
  --boreal-text-information-dark: var(--boreal-information-darker);
  --boreal-text-warning-light: var(--boreal-warning-light);
  --boreal-text-danger-light: var(--boreal-danger-light);
  --boreal-text-success-light: var(--boreal-success-light);
  --boreal-text-information-light: var(--boreal-information-light);
  --boreal-text-warning-dark: var(--boreal-warning-darker);
  --boreal-text-base: var(--boreal-base-alt);
  --boreal-text-primary-light: var(--boreal-primary-light);
  --boreal-text-primary-dark: var(--boreal-primary-dark);
  --boreal-text-default-dark: var(--boreal-neutral-dark);
  --boreal-text-default-darker: var(--boreal-neutral-darker);
  --boreal-text-default-deep: var(--boreal-neutral-deep);
  --boreal-text-default-ink: var(--boreal-neutral-ink);
  --boreal-ui-default-base: var(--boreal-neutral);
  --boreal-ui-inverse: var(--boreal-white);
  --boreal-ui-accent: var(--boreal-accent-base);
  --boreal-ui-black-light: var(--boreal-neutral-darker);
  --boreal-ui-base: var(--boreal-base-alt);
  --boreal-ui-base-light: var(--boreal-base-light);
  --boreal-ui-disabled: var(--boreal-neutral-ligther);
  --boreal-ui-info-light: var(--boreal-information-light);
  --boreal-ui-success-light: var(--boreal-success-light);
  --boreal-ui-success-base: var(--boreal-success-base);
  --boreal-ui-black: var(--boreal-neutral-contrast);
  --boreal-ui-danger-light: var(--boreal-danger-light);
  --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
  --boreal-ui-danger-base: var(--boreal-danger-base);
  --boreal-ui-info-base: var(--boreal-information-base);
  --boreal-ui-primary-base: var(--boreal-primary-base);
  --boreal-ui-primary-light: var(--boreal-primary-light);
  --boreal-ui-primary-dark: var(--boreal-primary-dark);
  --boreal-ui-warning-base: var(--boreal-warning-base);
  --boreal-ui-success-lighter: var(--boreal-success-lighter);
  --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
  --boreal-ui-info-lighter: var(--boreal-information-lighter);
  --boreal-ui-warning-light: var(--boreal-warning-light);
  --boreal-ui-warning-lighter: var(--boreal-warning-lighter);
  --boreal-ui-base-lighter: var(--boreal-base-lighter);
  --boreal-ui-default-lighter: var(--boreal-neutral-ligther);
  --boreal-ui-success-dark: var(--boreal-success-dark);
  --boreal-ui-danger-dark: var(--boreal-danger-dark);
  --boreal-ui-info-dark: var(--boreal-information-dark);
  --boreal-ui-warning-dark: var(--boreal-warning-dark);
  --boreal-ui-default-light: var(--boreal-neutral-light);
  --boreal-ui-default-paper: var(--boreal-neutral-paper);
  --boreal-ui-default-dark: var(--boreal-neutral-dark);
  --boreal-ui-default-darker: var(--boreal-neutral-darker);
  --boreal-ui-default-deep: var(--boreal-neutral-deep);
  --boreal-ui-default-ink: var(--boreal-neutral-ink);
  --boreal-icon-info-dark: var(--boreal-information-darker);
  --boreal-icon-default-lighter: var(--boreal-neutral-paper);
  --boreal-icon-default-light: var(--boreal-neutral-dark);
  --boreal-icon-default-dark: var(--boreal-neutral-base);
  --boreal-icon-success-base: var(--boreal-success-base);
  --boreal-icon-inverse: var(--boreal-white);
  --boreal-icon-warning-base: var(--boreal-warning-base);
  --boreal-icon-accent-base: var(--boreal-accent-base);
  --boreal-icon-danger-base: var(--boreal-danger-base);
  --boreal-icon-base: var(--boreal-base-alt);
  --boreal-icon-primary-base: var(--boreal-primary-base);
  --boreal-icon-success-dark: var(--boreal-success-dark);
  --boreal-icon-warning-dark: var(--boreal-warning-darker);
  --boreal-icon-danger-dark: var(--boreal-danger-dark);
  --boreal-icon-info-base: var(--boreal-information-base);
  --boreal-icon-info-light: var(--boreal-information-light);
  --boreal-icon-success-light: var(--boreal-success-light);
  --boreal-icon-warning-light: var(--boreal-warning-light);
  --boreal-icon-danger-light: var(--boreal-danger-light);
  --boreal-icon-disabled: var(--boreal-neutral-dark);
  --boreal-icon-primary-light: var(--boreal-primary-light);
  --boreal-icon-primary-dark: var(--boreal-primary-dark);
  --boreal-icon-user: var(--boreal-user-base);
  --boreal-icon-default-ink: var(--boreal-neutral-ink);
  --boreal-alpha-black-50: #272a2f80;
  --boreal-alpha-black-25: #272a2f40;
  --boreal-alpha-white-50: #ffffff80;
  --boreal-alpha-white-25: #ffffff40;
  --boreal-alpha-white-10: #ffffff1a;
  --boreal-alpha-white-75: #ffffffbf;
  --boreal-alpha-white-85: #ffffffd9;
  --boreal-alpha-white-90: #ffffffe6;
  --boreal-alpha-white-95: #ffffffe6;
  --boreal-alpha-white-80: #ffffffcc;
  --boreal-alpha-white-55: #ffffff8c;
  --boreal-alpha-black-5: #272a2f0d;
  --boreal-alpha-black-10: #272a2f1a;
  --boreal-extended-tael-darker: var(--boreal-extended-teal-darker);
  --boreal-stroke-warning: var(--boreal-warning-base);
  --boreal-stroke-inverse: var(--boreal-white);
  --boreal-stroke-info-base: var(--boreal-information-base);
  --boreal-stroke-success-base: var(--boreal-success-base);
  --boreal-stroke-default-dark: var(--boreal-base-dark);
  --boreal-stroke-default-light: var(--boreal-base-light);
  --boreal-stroke-default-ink: var(--boreal-base-alt);
  --boreal-stroke-focus: var(--boreal-focus);
  --boreal-stroke-danger-base: var(--boreal-danger-base);
  --boreal-stroke-accent: var(--boreal-accent-base);
  --boreal-stroke-primary-base: var(--boreal-primary-base);
  --boreal-stroke-primary-light: var(--boreal-primary-light);
  --boreal-stroke-primary-dark: var(--boreal-primary-dark);
  --boreal-stroke-info-light: var(--boreal-information-light);
  --boreal-stroke-info-dark: var(--boreal-information-dark);
  --boreal-stroke-success-light: var(--boreal-success-light);
  --boreal-stroke-success-dark: var(--boreal-success-dark);
  --boreal-stroke-warning-light: var(--boreal-warning-light);
  --boreal-stroke-warning-dark: var(--boreal-warning-dark);
  --boreal-stroke-danger-light: var(--boreal-danger-light);
  --boreal-stroke-danger-dark: var(--boreal-danger-dark);
  --boreal-stroke-default-lighter: var(--boreal-base-lighter);
}

[data-theme="engage"] {
  --boreal-accent-dark: var(--boreal-color-engage-rose-rose-70);
  --boreal-black: var(--boreal-color-engage-ink-ink-90);
  --boreal-accent-light: var(--boreal-color-engage-rose-rose-20);
  --boreal-white: var(--boreal-color-white);
  --boreal-accent-base: var(--boreal-color-engage-rose-rose-50);
  --boreal-extended-teal-light: var(--boreal-color-engage-teal-teal-20);
  --boreal-extended-teal-lighter: var(--boreal-color-engage-teal-teal-5);
  --boreal-extended-teal-base: var(--boreal-color-engage-teal-teal-40);
  --boreal-extended-teal-dark: var(--boreal-color-engage-teal-teal-70);
  --boreal-extended-teal-darker: var(--boreal-color-engage-teal-teal-90);
  --boreal-extended-purple-base: var(--boreal-color-engage-purple-purple-50);
  --boreal-extended-purple-dark: var(--boreal-color-engage-purple-purple-70);
  --boreal-extended-orange-base: var(--boreal-color-engage-orange-orange-40);
  --boreal-extended-purple-light: var(--boreal-color-engage-purple-purple-20);
  --boreal-extended-orange-darker: var(--boreal-color-engage-orange-orange-90);
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
  --boreal-extended-orange-dark: var(--boreal-color-engage-orange-orange-70);
  --boreal-extended-orange-light: var(--boreal-color-engage-orange-orange-20);
  --boreal-extended-purple-lighter: var(--boreal-color-engage-purple-purple-5);
  --boreal-extended-purple-darker: var(--boreal-color-engage-purple-purple-90);
  --boreal-extended-cyan-lighter: var(--boreal-color-engage-cyan-cyan-5);
  --boreal-extended-cyan-light: var(--boreal-color-engage-cyan-cyan-20);
  --boreal-extended-cyan-base: var(--boreal-color-engage-cyan-cyan-40);
  --boreal-extended-cyan-dark: var(--boreal-color-engage-cyan-cyan-70);
  --boreal-extended-cyan-darker: var(--boreal-color-engage-cyan-cyan-90);
  --boreal-extended-lime-dark: var(--boreal-color-engage-lime-lime-70);
  --boreal-extended-lime-base: var(--boreal-color-engage-lime-lime-40);
  --boreal-extended-lime-darker: var(--boreal-color-engage-lime-lime-90);
  --boreal-extended-lime-light: var(--boreal-color-engage-lime-lime-20);
  --boreal-extended-lime-lighter: var(--boreal-color-engage-lime-lime-5);
  --boreal-extended-cobalt-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
  --boreal-extended-cobalt-light: var(--boreal-color-protect-cobalt-cobalt-100);
  --boreal-extended-cobalt-base: var(--boreal-color-protect-cobalt-cobalt-600);
  --boreal-extended-cobalt-dark: var(--boreal-color-protect-cobalt-cobalt-800);
  --boreal-extended-cobalt-darker: var(--boreal-color-protect-cobalt-cobalt-900);
  --boreal-extended-onyx-lighter: var(--boreal-color-protect-onyx-onyx-100);
  --boreal-extended-onyx-light: var(--boreal-color-protect-onyx-onyx-200);
  --boreal-extended-onyx-base: var(--boreal-color-protect-onyx-onyx-500);
  --boreal-extended-onyx-dark: var(--boreal-color-protect-onyx-onyx-600);
  --boreal-extended-onyx-darker: var(--boreal-color-protect-onyx-onyx-900);
  --boreal-extended-rose-lighter: var(--boreal-color-engage-rose-rose-5);
  --boreal-extended-rose-light: var(--boreal-color-engage-rose-rose-20);
  --boreal-extended-rose-base: var(--boreal-color-engage-rose-rose-50);
  --boreal-extended-rose-dark: var(--boreal-color-engage-rose-rose-70);
  --boreal-extended-rose-darker: var(--boreal-color-engage-rose-rose-90);
  --boreal-neutral-deep: var(--boreal-color-engage-ink-ink-60);
  --boreal-information-lighter: var(--boreal-color-engage-blue-blue-5);
  --boreal-information-light: var(--boreal-color-engage-blue-blue-20);
  --boreal-success-lighter: var(--boreal-color-engage-green-green-5);
  --boreal-information-base: var(--boreal-color-engage-blue-blue-50);
  --boreal-neutral-contrast: var(--boreal-color-engage-ink-ink-90);
  --boreal-information-dark: var(--boreal-color-engage-blue-blue-70);
  --boreal-neutral-base: var(--boreal-color-engage-ink-ink-40);
  --boreal-warning-base: var(--boreal-color-engage-yellow-yellow-30);
  --boreal-neutral-ink: var(--boreal-color-engage-ink-ink-70);
  --boreal-warning-dark: var(--boreal-color-engage-yellow-yellow-70);
  --boreal-warning-darker: var(--boreal-color-engage-yellow-yellow-90);
  --boreal-warning-light: var(--boreal-color-engage-yellow-yellow-20);
  --boreal-focus: var(--boreal-color-engage-blue-blue-20);
  --boreal-success-light: var(--boreal-color-engage-green-green-20);
  --boreal-neutral-ligther: var(--boreal-color-engage-ink-ink-5);
  --boreal-success-base: var(--boreal-color-engage-green-green-40);
  --boreal-primary-dark: var(--boreal-color-engage-blue-blue-70);
  --boreal-danger-darker: var(--boreal-color-engage-red-red-90);
  --boreal-primary-darker: var(--boreal-color-engage-blue-blue-90);
  --boreal-danger-dark: var(--boreal-color-engage-red-red-70);
  --boreal-base-alt: var(--boreal-color-engage-ink-ink-70);
  --boreal-neutral-dark: var(--boreal-color-engage-ink-ink-30);
  --boreal-danger-lighter: var(--boreal-color-engage-red-red-5);
  --boreal-base-lighter: var(--boreal-color-engage-ink-ink-5);
  --boreal-danger-light: var(--boreal-color-engage-red-red-20);
  --boreal-accent-lighter: var(--boreal-color-engage-rose-rose-5);
  --boreal-success-dark: var(--boreal-color-engage-green-green-70);
  --boreal-neutral: var(--boreal-color-engage-ink-ink-5);
  --boreal-accent-darker: var(--boreal-color-engage-rose-rose-90);
  --boreal-neutral-paper: var(--boreal-color-engage-ink-ink-20);
  --boreal-warning-lighter: var(--boreal-color-engage-yellow-yellow-5);
  --boreal-success-darker: var(--boreal-color-engage-green-green-90);
  --boreal-primary-base: var(--boreal-color-engage-blue-blue-50);
  --boreal-information-darker: var(--boreal-color-engage-blue-blue-90);
  --boreal-neutral-darker: var(--boreal-color-engage-ink-ink-50);
  --boreal-neutral-light: var(--boreal-color-engage-ink-ink-10);
  --boreal-danger-base: var(--boreal-color-engage-red-red-50);
  --boreal-neutral-deeper: var(--boreal-color-engage-ink-ink-80);
  --boreal-base-light: var(--boreal-color-engage-ink-ink-10);
  --boreal-primary-light: var(--boreal-color-engage-blue-blue-20);
  --boreal-primary-lighter: var(--boreal-color-engage-blue-blue-5);
  --boreal-base-dark: var(--boreal-color-engage-ink-ink-20);
  --boreal-base-darker: var(--boreal-color-engage-ink-ink-30);
  --boreal-user-base: var(--boreal-color-engage-green-green-40);
  --boreal-bg-overlay: var(--boreal-neutral-contrast);
  --boreal-bg-inverse: var(--boreal-white);
  --boreal-bg-primary-darker: var(--boreal-primary-darker);
  --boreal-bg-neutral: var(--boreal-neutral);
  --boreal-bg-primary-base: var(--boreal-primary-base);
  --boreal-bg-neutral-ink: var(--boreal-neutral-ink);
  --boreal-bg-primary-lighter: var(--boreal-primary-lighter);
  --boreal-bg-primary-light: var(--boreal-primary-light);
  --boreal-bg-neutral-light: var(--boreal-neutral-light);
  --boreal-bg-neutral-paper: var(--boreal-neutral-paper);
  --boreal-bg-nuetral-dark: var(--boreal-neutral-dark);
  --boreal-bg-neutral-base: var(--boreal-neutral-base);
  --boreal-bg-neutral-darker: var(--boreal-neutral-darker);
  --boreal-bg-neutral-deep: var(--boreal-neutral-deep);
  --boreal-text-success-base: var(--boreal-success-base);
  --boreal-text-danger-base: var(--boreal-danger-base);
  --boreal-text-information-base: var(--boreal-information-base);
  --boreal-text-accent: var(--boreal-accent-base);
  --boreal-text-default: var(--boreal-neutral-ink);
  --boreal-text-default-light: var(--boreal-neutral-base);
  --boreal-text-inverse: var(--boreal-white);
  --boreal-text-warning-base: var(--boreal-warning-base);
  --boreal-text-disabled: var(--boreal-neutral-dark);
  --boreal-text-primary-base: var(--boreal-primary-base);
  --boreal-text-danger-dark: var(--boreal-danger-dark);
  --boreal-text-success-dark: var(--boreal-success-dark);
  --boreal-text-information-dark: var(--boreal-information-darker);
  --boreal-text-warning-light: var(--boreal-warning-light);
  --boreal-text-danger-light: var(--boreal-danger-light);
  --boreal-text-success-light: var(--boreal-success-light);
  --boreal-text-information-light: var(--boreal-information-light);
  --boreal-text-warning-dark: var(--boreal-warning-darker);
  --boreal-text-base: var(--boreal-base-alt);
  --boreal-text-primary-light: var(--boreal-primary-light);
  --boreal-text-primary-dark: var(--boreal-primary-dark);
  --boreal-text-default-dark: var(--boreal-neutral-dark);
  --boreal-text-default-darker: var(--boreal-neutral-darker);
  --boreal-text-default-deep: var(--boreal-neutral-deep);
  --boreal-text-default-ink: var(--boreal-neutral-ink);
  --boreal-ui-default-base: var(--boreal-neutral);
  --boreal-ui-inverse: var(--boreal-white);
  --boreal-ui-accent: var(--boreal-accent-base);
  --boreal-ui-black-light: var(--boreal-neutral-darker);
  --boreal-ui-base: var(--boreal-base-alt);
  --boreal-ui-base-light: var(--boreal-base-light);
  --boreal-ui-disabled: var(--boreal-neutral-ligther);
  --boreal-ui-info-light: var(--boreal-information-light);
  --boreal-ui-success-light: var(--boreal-success-light);
  --boreal-ui-success-base: var(--boreal-success-base);
  --boreal-ui-black: var(--boreal-neutral-contrast);
  --boreal-ui-danger-light: var(--boreal-danger-light);
  --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
  --boreal-ui-danger-base: var(--boreal-danger-base);
  --boreal-ui-info-base: var(--boreal-information-base);
  --boreal-ui-primary-base: var(--boreal-primary-base);
  --boreal-ui-primary-light: var(--boreal-primary-light);
  --boreal-ui-primary-dark: var(--boreal-primary-dark);
  --boreal-ui-warning-base: var(--boreal-warning-base);
  --boreal-ui-success-lighter: var(--boreal-success-lighter);
  --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
  --boreal-ui-info-lighter: var(--boreal-information-lighter);
  --boreal-ui-warning-light: var(--boreal-warning-light);
  --boreal-ui-warning-lighter: var(--boreal-warning-lighter);
  --boreal-ui-base-lighter: var(--boreal-base-lighter);
  --boreal-ui-default-lighter: var(--boreal-neutral-ligther);
  --boreal-ui-success-dark: var(--boreal-success-dark);
  --boreal-ui-danger-dark: var(--boreal-danger-dark);
  --boreal-ui-info-dark: var(--boreal-information-dark);
  --boreal-ui-warning-dark: var(--boreal-warning-dark);
  --boreal-ui-default-light: var(--boreal-neutral-light);
  --boreal-ui-default-paper: var(--boreal-neutral-paper);
  --boreal-ui-default-dark: var(--boreal-neutral-dark);
  --boreal-ui-default-darker: var(--boreal-neutral-darker);
  --boreal-ui-default-deep: var(--boreal-neutral-deep);
  --boreal-ui-default-ink: var(--boreal-neutral-ink);
  --boreal-icon-info-dark: var(--boreal-information-darker);
  --boreal-icon-default-lighter: var(--boreal-neutral-paper);
  --boreal-icon-default-light: var(--boreal-neutral-dark);
  --boreal-icon-default-dark: var(--boreal-neutral-base);
  --boreal-icon-success-base: var(--boreal-success-base);
  --boreal-icon-inverse: var(--boreal-white);
  --boreal-icon-warning-base: var(--boreal-warning-base);
  --boreal-icon-accent-base: var(--boreal-accent-base);
  --boreal-icon-danger-base: var(--boreal-danger-base);
  --boreal-icon-base: var(--boreal-base-alt);
  --boreal-icon-primary-base: var(--boreal-primary-base);
  --boreal-icon-success-dark: var(--boreal-success-dark);
  --boreal-icon-warning-dark: var(--boreal-warning-darker);
  --boreal-icon-danger-dark: var(--boreal-danger-dark);
  --boreal-icon-info-base: var(--boreal-information-base);
  --boreal-icon-info-light: var(--boreal-information-light);
  --boreal-icon-success-light: var(--boreal-success-light);
  --boreal-icon-warning-light: var(--boreal-warning-light);
  --boreal-icon-danger-light: var(--boreal-danger-light);
  --boreal-icon-disabled: var(--boreal-neutral-dark);
  --boreal-icon-primary-light: var(--boreal-primary-light);
  --boreal-icon-primary-dark: var(--boreal-primary-dark);
  --boreal-icon-user: var(--boreal-user-base);
  --boreal-icon-default-ink: var(--boreal-neutral-ink);
  --boreal-alpha-black-50: #272a2f80;
  --boreal-alpha-black-25: #272a2f40;
  --boreal-alpha-white-50: #ffffff80;
  --boreal-alpha-white-25: #ffffff40;
  --boreal-alpha-white-10: #ffffff1a;
  --boreal-alpha-white-75: #ffffffbf;
  --boreal-alpha-white-85: #ffffffd9;
  --boreal-alpha-white-90: #ffffffe6;
  --boreal-alpha-white-95: #ffffffe6;
  --boreal-alpha-white-80: #ffffffcc;
  --boreal-alpha-white-55: #ffffff8c;
  --boreal-alpha-black-5: #272a2f0d;
  --boreal-alpha-black-10: #272a2f1a;
  --boreal-extended-tael-darker: var(--boreal-extended-teal-darker);
  --boreal-stroke-warning: var(--boreal-warning-base);
  --boreal-stroke-inverse: var(--boreal-white);
  --boreal-stroke-info-base: var(--boreal-information-base);
  --boreal-stroke-success-base: var(--boreal-success-base);
  --boreal-stroke-default-dark: var(--boreal-base-dark);
  --boreal-stroke-default-light: var(--boreal-base-light);
  --boreal-stroke-default-ink: var(--boreal-base-alt);
  --boreal-stroke-focus: var(--boreal-focus);
  --boreal-stroke-danger-base: var(--boreal-danger-base);
  --boreal-stroke-accent: var(--boreal-accent-base);
  --boreal-stroke-primary-base: var(--boreal-primary-base);
  --boreal-stroke-primary-light: var(--boreal-primary-light);
  --boreal-stroke-primary-dark: var(--boreal-primary-dark);
  --boreal-stroke-info-light: var(--boreal-information-light);
  --boreal-stroke-info-dark: var(--boreal-information-dark);
  --boreal-stroke-success-light: var(--boreal-success-light);
  --boreal-stroke-success-dark: var(--boreal-success-dark);
  --boreal-stroke-warning-light: var(--boreal-warning-light);
  --boreal-stroke-warning-dark: var(--boreal-warning-dark);
  --boreal-stroke-danger-light: var(--boreal-danger-light);
  --boreal-stroke-danger-dark: var(--boreal-danger-dark);
  --boreal-stroke-default-lighter: var(--boreal-base-lighter);
}

[data-theme="protect"] {
  --boreal-accent-dark: var(--boreal-color-protect-cobalt-cobalt-700);
  --boreal-black: var(--boreal-color-protect-onyx-onyx-900);
  --boreal-accent-light: var(--boreal-color-protect-cobalt-cobalt-50);
  --boreal-white: var(--boreal-color-white);
  --boreal-accent-base: var(--boreal-color-protect-cobalt-cobalt-400);
  --boreal-extended-teal-light: var(--boreal-color-engage-teal-teal-20);
  --boreal-extended-teal-lighter: var(--boreal-color-engage-teal-teal-5);
  --boreal-extended-teal-base: var(--boreal-color-engage-teal-teal-40);
  --boreal-extended-teal-dark: var(--boreal-color-engage-teal-teal-70);
  --boreal-extended-teal-darker: var(--boreal-color-engage-teal-teal-90);
  --boreal-extended-purple-base: var(--boreal-color-engage-purple-purple-50);
  --boreal-extended-purple-dark: var(--boreal-color-engage-purple-purple-70);
  --boreal-extended-orange-base: var(--boreal-color-engage-orange-orange-40);
  --boreal-extended-purple-light: var(--boreal-color-engage-purple-purple-20);
  --boreal-extended-orange-darker: var(--boreal-color-engage-orange-orange-90);
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
  --boreal-extended-orange-dark: var(--boreal-color-engage-orange-orange-70);
  --boreal-extended-orange-light: var(--boreal-color-engage-orange-orange-20);
  --boreal-extended-purple-lighter: var(--boreal-color-engage-purple-purple-5);
  --boreal-extended-purple-darker: var(--boreal-color-engage-purple-purple-90);
  --boreal-extended-cyan-lighter: var(--boreal-color-engage-cyan-cyan-5);
  --boreal-extended-cyan-light: var(--boreal-color-engage-cyan-cyan-20);
  --boreal-extended-cyan-base: var(--boreal-color-engage-cyan-cyan-40);
  --boreal-extended-cyan-dark: var(--boreal-color-engage-cyan-cyan-70);
  --boreal-extended-cyan-darker: var(--boreal-color-engage-cyan-cyan-90);
  --boreal-extended-lime-dark: var(--boreal-color-engage-lime-lime-70);
  --boreal-extended-lime-base: var(--boreal-color-engage-lime-lime-40);
  --boreal-extended-lime-darker: var(--boreal-color-engage-lime-lime-90);
  --boreal-extended-lime-light: var(--boreal-color-engage-lime-lime-20);
  --boreal-extended-lime-lighter: var(--boreal-color-engage-lime-lime-5);
  --boreal-extended-cobalt-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
  --boreal-extended-cobalt-light: var(--boreal-color-protect-cobalt-cobalt-100);
  --boreal-extended-cobalt-base: var(--boreal-color-protect-cobalt-cobalt-600);
  --boreal-extended-cobalt-dark: var(--boreal-color-protect-cobalt-cobalt-800);
  --boreal-extended-cobalt-darker: var(--boreal-color-protect-cobalt-cobalt-900);
  --boreal-extended-onyx-lighter: var(--boreal-color-protect-onyx-onyx-100);
  --boreal-extended-onyx-light: var(--boreal-color-protect-onyx-onyx-200);
  --boreal-extended-onyx-base: var(--boreal-color-protect-onyx-onyx-500);
  --boreal-extended-onyx-dark: var(--boreal-color-protect-onyx-onyx-600);
  --boreal-extended-onyx-darker: var(--boreal-color-protect-onyx-onyx-900);
  --boreal-extended-rose-lighter: var(--boreal-color-engage-rose-rose-5);
  --boreal-extended-rose-light: var(--boreal-color-engage-rose-rose-20);
  --boreal-extended-rose-base: var(--boreal-color-engage-rose-rose-50);
  --boreal-extended-rose-dark: var(--boreal-color-engage-rose-rose-70);
  --boreal-extended-rose-darker: var(--boreal-color-engage-rose-rose-90);
  --boreal-neutral-deep: var(--boreal-color-protect-onyx-onyx-600);
  --boreal-information-lighter: var(--boreal-color-protect-cyan-cyan-50);
  --boreal-information-light: var(--boreal-color-protect-cyan-cyan-200);
  --boreal-success-lighter: var(--boreal-color-protect-lime-lime-50);
  --boreal-information-base: var(--boreal-color-protect-cyan-cyan-700);
  --boreal-neutral-contrast: var(--boreal-color-protect-onyx-onyx-900);
  --boreal-information-dark: var(--boreal-color-protect-cyan-cyan-800);
  --boreal-neutral-base: var(--boreal-color-protect-onyx-onyx-400);
  --boreal-warning-base: var(--boreal-color-protect-sunrise-sunrise-500);
  --boreal-neutral-ink: var(--boreal-color-protect-onyx-onyx-700);
  --boreal-warning-dark: var(--boreal-color-protect-sunrise-sunrise-800);
  --boreal-warning-darker: var(--boreal-color-protect-sunrise-sunrise-900);
  --boreal-warning-light: var(--boreal-color-protect-sunrise-sunrise-200);
  --boreal-focus: #1f5bff4d;
  --boreal-success-light: var(--boreal-color-protect-lime-lime-200);
  --boreal-neutral-ligther: var(--boreal-color-protect-onyx-onyx-50);
  --boreal-success-base: var(--boreal-color-protect-lime-lime-600);
  --boreal-primary-dark: var(--boreal-color-protect-indigo-indigo-700);
  --boreal-danger-darker: var(--boreal-color-protect-cherry-cherry-900);
  --boreal-primary-darker: var(--boreal-color-protect-indigo-indigo-900);
  --boreal-danger-dark: var(--boreal-color-protect-cherry-cherry-800);
  --boreal-base-alt: var(--boreal-color-protect-indigo-indigo-500);
  --boreal-neutral-dark: var(--boreal-color-protect-onyx-onyx-300);
  --boreal-danger-lighter: var(--boreal-color-protect-cherry-cherry-50);
  --boreal-base-lighter: var(--boreal-color-protect-indigo-indigo-25);
  --boreal-danger-light: var(--boreal-color-protect-cherry-cherry-200);
  --boreal-accent-lighter: var(--boreal-color-protect-cobalt-cobalt-25);
  --boreal-success-dark: var(--boreal-color-protect-lime-lime-800);
  --boreal-neutral: var(--boreal-color-protect-indigo-indigo-25);
  --boreal-accent-darker: var(--boreal-color-protect-cobalt-cobalt-900);
  --boreal-neutral-paper: var(--boreal-color-protect-onyx-onyx-200);
  --boreal-warning-lighter: var(--boreal-color-protect-sunrise-sunrise-50);
  --boreal-success-darker: var(--boreal-color-protect-lime-lime-900);
  --boreal-primary-base: var(--boreal-color-protect-indigo-indigo-500);
  --boreal-information-darker: var(--boreal-color-protect-cyan-cyan-900);
  --boreal-neutral-darker: var(--boreal-color-protect-onyx-onyx-500);
  --boreal-neutral-light: var(--boreal-color-protect-onyx-onyx-100);
  --boreal-danger-base: var(--boreal-color-protect-cherry-cherry-700);
  --boreal-neutral-deeper: var(--boreal-color-protect-onyx-onyx-800);
  --boreal-base-light: var(--boreal-color-protect-indigo-indigo-50);
  --boreal-primary-light: var(--boreal-color-protect-indigo-indigo-200);
  --boreal-primary-lighter: var(--boreal-color-protect-indigo-indigo-25);
  --boreal-base-dark: var(--boreal-color-protect-indigo-indigo-200);
  --boreal-base-darker: var(--boreal-color-protect-indigo-indigo-300);
  --boreal-user-base: var(--boreal-color-protect-indigo-indigo-400);
  --boreal-bg-overlay: var(--boreal-neutral-contrast);
  --boreal-bg-inverse: var(--boreal-white);
  --boreal-bg-primary-darker: var(--boreal-primary-darker);
  --boreal-bg-neutral: var(--boreal-neutral);
  --boreal-bg-primary-base: var(--boreal-primary-base);
  --boreal-bg-neutral-ink: var(--boreal-neutral-ink);
  --boreal-bg-primary-lighter: var(--boreal-primary-lighter);
  --boreal-bg-primary-light: var(--boreal-primary-light);
  --boreal-bg-neutral-light: var(--boreal-neutral-light);
  --boreal-bg-neutral-paper: var(--boreal-neutral-paper);
  --boreal-bg-nuetral-dark: var(--boreal-neutral-dark);
  --boreal-bg-neutral-base: var(--boreal-neutral-base);
  --boreal-bg-neutral-darker: var(--boreal-neutral-darker);
  --boreal-bg-neutral-deep: var(--boreal-neutral-deep);
  --boreal-text-success-base: var(--boreal-success-base);
  --boreal-text-danger-base: var(--boreal-danger-base);
  --boreal-text-information-base: var(--boreal-information-base);
  --boreal-text-accent: var(--boreal-accent-base);
  --boreal-text-default: var(--boreal-neutral-ink);
  --boreal-text-default-light: var(--boreal-neutral-base);
  --boreal-text-inverse: var(--boreal-white);
  --boreal-text-warning-base: var(--boreal-warning-base);
  --boreal-text-disabled: var(--boreal-neutral-dark);
  --boreal-text-primary-base: var(--boreal-primary-base);
  --boreal-text-danger-dark: var(--boreal-danger-dark);
  --boreal-text-success-dark: var(--boreal-success-dark);
  --boreal-text-information-dark: var(--boreal-information-darker);
  --boreal-text-warning-light: var(--boreal-warning-light);
  --boreal-text-danger-light: var(--boreal-danger-light);
  --boreal-text-success-light: var(--boreal-success-light);
  --boreal-text-information-light: var(--boreal-information-light);
  --boreal-text-warning-dark: var(--boreal-warning-darker);
  --boreal-text-base: var(--boreal-base-alt);
  --boreal-text-primary-light: var(--boreal-primary-light);
  --boreal-text-primary-dark: var(--boreal-primary-dark);
  --boreal-text-default-dark: var(--boreal-neutral-dark);
  --boreal-text-default-darker: var(--boreal-neutral-darker);
  --boreal-text-default-deep: var(--boreal-neutral-deep);
  --boreal-text-default-ink: var(--boreal-neutral-ink);
  --boreal-ui-default-base: var(--boreal-neutral);
  --boreal-ui-inverse: var(--boreal-white);
  --boreal-ui-accent: var(--boreal-accent-base);
  --boreal-ui-black-light: var(--boreal-neutral-darker);
  --boreal-ui-base: var(--boreal-base-alt);
  --boreal-ui-base-light: var(--boreal-base-light);
  --boreal-ui-disabled: var(--boreal-neutral-ligther);
  --boreal-ui-info-light: var(--boreal-information-light);
  --boreal-ui-success-light: var(--boreal-success-light);
  --boreal-ui-success-base: var(--boreal-success-base);
  --boreal-ui-black: var(--boreal-neutral-contrast);
  --boreal-ui-danger-light: var(--boreal-danger-light);
  --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
  --boreal-ui-danger-base: var(--boreal-danger-base);
  --boreal-ui-info-base: var(--boreal-information-base);
  --boreal-ui-primary-base: var(--boreal-primary-base);
  --boreal-ui-primary-light: var(--boreal-primary-light);
  --boreal-ui-primary-dark: var(--boreal-primary-dark);
  --boreal-ui-warning-base: var(--boreal-warning-base);
  --boreal-ui-success-lighter: var(--boreal-success-lighter);
  --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
  --boreal-ui-info-lighter: var(--boreal-information-lighter);
  --boreal-ui-warning-light: var(--boreal-warning-light);
  --boreal-ui-warning-lighter: var(--boreal-warning-lighter);
  --boreal-ui-base-lighter: var(--boreal-base-lighter);
  --boreal-ui-default-lighter: var(--boreal-neutral-ligther);
  --boreal-ui-success-dark: var(--boreal-success-dark);
  --boreal-ui-danger-dark: var(--boreal-danger-dark);
  --boreal-ui-info-dark: var(--boreal-information-dark);
  --boreal-ui-warning-dark: var(--boreal-warning-dark);
  --boreal-ui-default-light: var(--boreal-neutral-light);
  --boreal-ui-default-paper: var(--boreal-neutral-paper);
  --boreal-ui-default-dark: var(--boreal-neutral-dark);
  --boreal-ui-default-darker: var(--boreal-neutral-darker);
  --boreal-ui-default-deep: var(--boreal-neutral-deep);
  --boreal-ui-default-ink: var(--boreal-neutral-ink);
  --boreal-icon-info-dark: var(--boreal-information-darker);
  --boreal-icon-default-lighter: var(--boreal-neutral-paper);
  --boreal-icon-default-light: var(--boreal-neutral-dark);
  --boreal-icon-default-dark: var(--boreal-neutral-base);
  --boreal-icon-success-base: var(--boreal-success-base);
  --boreal-icon-inverse: var(--boreal-white);
  --boreal-icon-warning-base: var(--boreal-warning-base);
  --boreal-icon-accent-base: var(--boreal-accent-base);
  --boreal-icon-danger-base: var(--boreal-danger-base);
  --boreal-icon-base: var(--boreal-base-alt);
  --boreal-icon-primary-base: var(--boreal-primary-base);
  --boreal-icon-success-dark: var(--boreal-success-dark);
  --boreal-icon-warning-dark: var(--boreal-warning-darker);
  --boreal-icon-danger-dark: var(--boreal-danger-dark);
  --boreal-icon-info-base: var(--boreal-information-base);
  --boreal-icon-info-light: var(--boreal-information-light);
  --boreal-icon-success-light: var(--boreal-success-light);
  --boreal-icon-warning-light: var(--boreal-warning-light);
  --boreal-icon-danger-light: var(--boreal-danger-light);
  --boreal-icon-disabled: var(--boreal-neutral-dark);
  --boreal-icon-primary-light: var(--boreal-primary-light);
  --boreal-icon-primary-dark: var(--boreal-primary-dark);
  --boreal-icon-user: var(--boreal-user-base);
  --boreal-icon-default-ink: var(--boreal-neutral-ink);
  --boreal-alpha-black-50: #272a2f80;
  --boreal-alpha-black-25: #272a2f40;
  --boreal-alpha-white-50: #ffffff80;
  --boreal-alpha-white-25: #ffffff40;
  --boreal-alpha-white-10: #ffffff1a;
  --boreal-alpha-white-75: #ffffffbf;
  --boreal-alpha-white-85: #ffffffd9;
  --boreal-alpha-white-90: #ffffffe6;
  --boreal-alpha-white-95: #ffffffe6;
  --boreal-alpha-white-80: #ffffffcc;
  --boreal-alpha-white-55: #ffffff8c;
  --boreal-alpha-black-5: #272a2f0d;
  --boreal-alpha-black-10: #272a2f1a;
  --boreal-extended-tael-darker: var(--boreal-extended-teal-darker);
  --boreal-stroke-warning: var(--boreal-warning-base);
  --boreal-stroke-inverse: var(--boreal-white);
  --boreal-stroke-info-base: var(--boreal-information-base);
  --boreal-stroke-success-base: var(--boreal-success-base);
  --boreal-stroke-default-dark: var(--boreal-base-dark);
  --boreal-stroke-default-light: var(--boreal-base-light);
  --boreal-stroke-default-ink: var(--boreal-base-alt);
  --boreal-stroke-focus: var(--boreal-focus);
  --boreal-stroke-danger-base: var(--boreal-danger-base);
  --boreal-stroke-accent: var(--boreal-accent-base);
  --boreal-stroke-primary-base: var(--boreal-primary-base);
  --boreal-stroke-primary-light: var(--boreal-primary-light);
  --boreal-stroke-primary-dark: var(--boreal-primary-dark);
  --boreal-stroke-info-light: var(--boreal-information-light);
  --boreal-stroke-info-dark: var(--boreal-information-dark);
  --boreal-stroke-success-light: var(--boreal-success-light);
  --boreal-stroke-success-dark: var(--boreal-success-dark);
  --boreal-stroke-warning-light: var(--boreal-warning-light);
  --boreal-stroke-warning-dark: var(--boreal-warning-dark);
  --boreal-stroke-danger-light: var(--boreal-danger-light);
  --boreal-stroke-danger-dark: var(--boreal-danger-dark);
  --boreal-stroke-default-lighter: var(--boreal-base-lighter);
}

[data-theme="connect"] {
  --boreal-accent-dark: var(--boreal-color-connect-byzantine-byzantine-2);
  --boreal-black: var(--boreal-color-connect-black-black-1);
  --boreal-accent-light: var(--boreal-color-connect-byzantine-byzantine-5);
  --boreal-white: var(--boreal-color-white);
  --boreal-accent-base: var(--boreal-color-connect-byzantine-byzantine-3);
  --boreal-extended-teal-light: var(--boreal-color-engage-teal-teal-20);
  --boreal-extended-teal-lighter: var(--boreal-color-engage-teal-teal-5);
  --boreal-extended-teal-base: var(--boreal-color-engage-teal-teal-40);
  --boreal-extended-teal-dark: var(--boreal-color-engage-teal-teal-70);
  --boreal-extended-teal-darker: var(--boreal-color-engage-teal-teal-90);
  --boreal-extended-purple-base: var(--boreal-color-engage-purple-purple-50);
  --boreal-extended-purple-dark: var(--boreal-color-engage-purple-purple-70);
  --boreal-extended-orange-base: var(--boreal-color-engage-orange-orange-40);
  --boreal-extended-purple-light: var(--boreal-color-engage-purple-purple-20);
  --boreal-extended-orange-darker: var(--boreal-color-engage-orange-orange-90);
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
  --boreal-extended-orange-dark: var(--boreal-color-engage-orange-orange-70);
  --boreal-extended-orange-light: var(--boreal-color-engage-orange-orange-20);
  --boreal-extended-purple-lighter: var(--boreal-color-engage-purple-purple-5);
  --boreal-extended-purple-darker: var(--boreal-color-engage-purple-purple-90);
  --boreal-extended-cyan-lighter: var(--boreal-color-engage-cyan-cyan-5);
  --boreal-extended-cyan-light: var(--boreal-color-engage-cyan-cyan-20);
  --boreal-extended-cyan-base: var(--boreal-color-engage-cyan-cyan-40);
  --boreal-extended-cyan-dark: var(--boreal-color-engage-cyan-cyan-70);
  --boreal-extended-cyan-darker: var(--boreal-color-engage-cyan-cyan-90);
  --boreal-extended-lime-dark: var(--boreal-color-engage-lime-lime-70);
  --boreal-extended-lime-base: var(--boreal-color-engage-lime-lime-40);
  --boreal-extended-lime-darker: var(--boreal-color-engage-lime-lime-90);
  --boreal-extended-lime-light: var(--boreal-color-engage-lime-lime-20);
  --boreal-extended-lime-lighter: var(--boreal-color-engage-lime-lime-5);
  --boreal-extended-cobalt-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
  --boreal-extended-cobalt-light: var(--boreal-color-protect-cobalt-cobalt-100);
  --boreal-extended-cobalt-base: var(--boreal-color-protect-cobalt-cobalt-600);
  --boreal-extended-cobalt-dark: var(--boreal-color-protect-cobalt-cobalt-800);
  --boreal-extended-cobalt-darker: var(--boreal-color-protect-cobalt-cobalt-900);
  --boreal-extended-onyx-lighter: var(--boreal-color-protect-onyx-onyx-100);
  --boreal-extended-onyx-light: var(--boreal-color-protect-onyx-onyx-200);
  --boreal-extended-onyx-base: var(--boreal-color-protect-onyx-onyx-500);
  --boreal-extended-onyx-dark: var(--boreal-color-protect-onyx-onyx-600);
  --boreal-extended-onyx-darker: var(--boreal-color-protect-onyx-onyx-900);
  --boreal-extended-rose-lighter: var(--boreal-color-engage-rose-rose-5);
  --boreal-extended-rose-light: var(--boreal-color-engage-rose-rose-20);
  --boreal-extended-rose-base: var(--boreal-color-engage-rose-rose-50);
  --boreal-extended-rose-dark: var(--boreal-color-engage-rose-rose-70);
  --boreal-extended-rose-darker: var(--boreal-color-engage-rose-rose-90);
  --boreal-neutral-deep: var(--boreal-color-connect-black-black-4);
  --boreal-information-lighter: var(--boreal-extended-cobalt-lighter);
  --boreal-information-light: var(--boreal-extended-cobalt-light);
  --boreal-success-lighter: var(--boreal-color-connect-success-success-7);
  --boreal-information-base: var(--boreal-extended-cobalt-base);
  --boreal-neutral-contrast: var(--boreal-color-connect-black-black-1);
  --boreal-information-dark: var(--boreal-extended-cobalt-dark);
  --boreal-neutral-base: var(--boreal-color-connect-grey-grey-4);
  --boreal-warning-base: var(--boreal-color-connect-warning-warning-4);
  --boreal-neutral-ink: var(--boreal-color-connect-black-black-3);
  --boreal-warning-dark: var(--boreal-color-connect-warning-warning-2);
  --boreal-warning-darker: var(--boreal-color-connect-warning-warning-1);
  --boreal-warning-light: var(--boreal-color-connect-warning-warning-5);
  --boreal-focus: #3b60c54d;
  --boreal-success-light: var(--boreal-color-connect-success-success-6);
  --boreal-neutral-ligther: var(--boreal-color-connect-black-black-7);
  --boreal-success-base: var(--boreal-color-connect-success-success-4);
  --boreal-primary-dark: var(--boreal-color-connect-petrol-petrol-2);
  --boreal-danger-darker: var(--boreal-color-connect-error-error-1);
  --boreal-primary-darker: var(--boreal-color-connect-petrol-petrol-1);
  --boreal-danger-dark: var(--boreal-color-connect-error-error-2);
  --boreal-base-alt: var(--boreal-color-connect-grey-grey-3);
  --boreal-neutral-dark: var(--boreal-color-connect-grey-grey-5);
  --boreal-danger-lighter: var(--boreal-color-connect-error-error-7);
  --boreal-base-lighter: var(--boreal-color-connect-grey-grey-7);
  --boreal-danger-light: var(--boreal-color-connect-error-error-5);
  --boreal-accent-lighter: var(--boreal-color-connect-byzantine-byzantine-6);
  --boreal-success-dark: var(--boreal-color-connect-success-success-2);
  --boreal-neutral: var(--boreal-color-connect-grey-grey-7);
  --boreal-accent-darker: var(--boreal-color-connect-byzantine-byzantine-1);
  --boreal-neutral-paper: var(--boreal-color-connect-grey-grey-6);
  --boreal-warning-lighter: var(--boreal-color-connect-warning-warning-7);
  --boreal-success-darker: var(--boreal-color-connect-success-success-1);
  --boreal-primary-base: var(--boreal-color-connect-petrol-petrol-3);
  --boreal-information-darker: var(--boreal-extended-cobalt-darker);
  --boreal-neutral-darker: var(--boreal-color-connect-black-black-5);
  --boreal-neutral-light: var(--boreal-color-connect-grey-grey-7);
  --boreal-danger-base: var(--boreal-color-connect-error-error-4);
  --boreal-neutral-deeper: var(--boreal-color-connect-black-black-2);
  --boreal-base-light: var(--boreal-color-connect-grey-grey-8);
  --boreal-primary-light: var(--boreal-color-connect-petrol-petrol-5);
  --boreal-primary-lighter: var(--boreal-color-connect-petrol-petrol-7);
  --boreal-base-dark: var(--boreal-color-connect-grey-grey-5);
  --boreal-base-darker: var(--boreal-color-connect-grey-grey-5);
  --boreal-user-base: var(--boreal-color-connect-petrol-petrol-3);
  --boreal-bg-overlay: var(--boreal-neutral-contrast);
  --boreal-bg-inverse: var(--boreal-white);
  --boreal-bg-primary-darker: var(--boreal-primary-darker);
  --boreal-bg-neutral: var(--boreal-neutral);
  --boreal-bg-primary-base: var(--boreal-primary-base);
  --boreal-bg-neutral-ink: var(--boreal-neutral-ink);
  --boreal-bg-primary-lighter: var(--boreal-primary-lighter);
  --boreal-bg-primary-light: var(--boreal-primary-light);
  --boreal-bg-neutral-light: var(--boreal-neutral-light);
  --boreal-bg-neutral-paper: var(--boreal-neutral-paper);
  --boreal-bg-nuetral-dark: var(--boreal-neutral-dark);
  --boreal-bg-neutral-base: var(--boreal-neutral-base);
  --boreal-bg-neutral-darker: var(--boreal-neutral-darker);
  --boreal-bg-neutral-deep: var(--boreal-neutral-deep);
  --boreal-text-success-base: var(--boreal-success-base);
  --boreal-text-danger-base: var(--boreal-danger-base);
  --boreal-text-information-base: var(--boreal-information-base);
  --boreal-text-accent: var(--boreal-accent-base);
  --boreal-text-default: var(--boreal-neutral-ink);
  --boreal-text-default-light: var(--boreal-neutral-base);
  --boreal-text-inverse: var(--boreal-white);
  --boreal-text-warning-base: var(--boreal-warning-base);
  --boreal-text-disabled: var(--boreal-neutral-dark);
  --boreal-text-primary-base: var(--boreal-primary-base);
  --boreal-text-danger-dark: var(--boreal-danger-dark);
  --boreal-text-success-dark: var(--boreal-success-dark);
  --boreal-text-information-dark: var(--boreal-information-darker);
  --boreal-text-warning-light: var(--boreal-warning-light);
  --boreal-text-danger-light: var(--boreal-danger-light);
  --boreal-text-success-light: var(--boreal-success-light);
  --boreal-text-information-light: var(--boreal-information-light);
  --boreal-text-warning-dark: var(--boreal-warning-darker);
  --boreal-text-base: var(--boreal-base-alt);
  --boreal-text-primary-light: var(--boreal-primary-light);
  --boreal-text-primary-dark: var(--boreal-primary-dark);
  --boreal-text-default-dark: var(--boreal-neutral-dark);
  --boreal-text-default-darker: var(--boreal-neutral-darker);
  --boreal-text-default-deep: var(--boreal-neutral-deep);
  --boreal-text-default-ink: var(--boreal-neutral-ink);
  --boreal-ui-default-base: var(--boreal-neutral);
  --boreal-ui-inverse: var(--boreal-white);
  --boreal-ui-accent: var(--boreal-accent-base);
  --boreal-ui-black-light: var(--boreal-neutral-darker);
  --boreal-ui-base: var(--boreal-base-alt);
  --boreal-ui-base-light: var(--boreal-base-light);
  --boreal-ui-disabled: var(--boreal-neutral-ligther);
  --boreal-ui-info-light: var(--boreal-information-light);
  --boreal-ui-success-light: var(--boreal-success-light);
  --boreal-ui-success-base: var(--boreal-success-base);
  --boreal-ui-black: var(--boreal-neutral-contrast);
  --boreal-ui-danger-light: var(--boreal-danger-light);
  --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
  --boreal-ui-danger-base: var(--boreal-danger-base);
  --boreal-ui-info-base: var(--boreal-information-base);
  --boreal-ui-primary-base: var(--boreal-primary-base);
  --boreal-ui-primary-light: var(--boreal-primary-light);
  --boreal-ui-primary-dark: var(--boreal-primary-dark);
  --boreal-ui-warning-base: var(--boreal-warning-base);
  --boreal-ui-success-lighter: var(--boreal-success-lighter);
  --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
  --boreal-ui-info-lighter: var(--boreal-information-lighter);
  --boreal-ui-warning-light: var(--boreal-warning-light);
  --boreal-ui-warning-lighter: var(--boreal-warning-lighter);
  --boreal-ui-base-lighter: var(--boreal-base-lighter);
  --boreal-ui-default-lighter: var(--boreal-neutral-ligther);
  --boreal-ui-success-dark: var(--boreal-success-dark);
  --boreal-ui-danger-dark: var(--boreal-danger-dark);
  --boreal-ui-info-dark: var(--boreal-information-dark);
  --boreal-ui-warning-dark: var(--boreal-warning-dark);
  --boreal-ui-default-light: var(--boreal-neutral-light);
  --boreal-ui-default-paper: var(--boreal-neutral-paper);
  --boreal-ui-default-dark: var(--boreal-neutral-dark);
  --boreal-ui-default-darker: var(--boreal-neutral-darker);
  --boreal-ui-default-deep: var(--boreal-neutral-deep);
  --boreal-ui-default-ink: var(--boreal-neutral-ink);
  --boreal-icon-info-dark: var(--boreal-information-darker);
  --boreal-icon-default-lighter: var(--boreal-neutral-paper);
  --boreal-icon-default-light: var(--boreal-neutral-dark);
  --boreal-icon-default-dark: var(--boreal-neutral-base);
  --boreal-icon-success-base: var(--boreal-success-base);
  --boreal-icon-inverse: var(--boreal-white);
  --boreal-icon-warning-base: var(--boreal-warning-base);
  --boreal-icon-accent-base: var(--boreal-accent-base);
  --boreal-icon-danger-base: var(--boreal-danger-base);
  --boreal-icon-base: var(--boreal-base-alt);
  --boreal-icon-primary-base: var(--boreal-primary-base);
  --boreal-icon-success-dark: var(--boreal-success-dark);
  --boreal-icon-warning-dark: var(--boreal-warning-darker);
  --boreal-icon-danger-dark: var(--boreal-danger-dark);
  --boreal-icon-info-base: var(--boreal-information-base);
  --boreal-icon-info-light: var(--boreal-information-light);
  --boreal-icon-success-light: var(--boreal-success-light);
  --boreal-icon-warning-light: var(--boreal-warning-light);
  --boreal-icon-danger-light: var(--boreal-danger-light);
  --boreal-icon-disabled: var(--boreal-neutral-dark);
  --boreal-icon-primary-light: var(--boreal-primary-light);
  --boreal-icon-primary-dark: var(--boreal-primary-dark);
  --boreal-icon-user: var(--boreal-user-base);
  --boreal-icon-default-ink: var(--boreal-neutral-ink);
  --boreal-alpha-black-50: #272a2f80;
  --boreal-alpha-black-25: #272a2f40;
  --boreal-alpha-white-50: #ffffff80;
  --boreal-alpha-white-25: #ffffff40;
  --boreal-alpha-white-10: #ffffff1a;
  --boreal-alpha-white-75: #ffffffbf;
  --boreal-alpha-white-85: #ffffffd9;
  --boreal-alpha-white-90: #ffffffe6;
  --boreal-alpha-white-95: #ffffffe6;
  --boreal-alpha-white-80: #ffffffcc;
  --boreal-alpha-white-55: #ffffff8c;
  --boreal-alpha-black-5: #272a2f0d;
  --boreal-alpha-black-10: #272a2f1a;
  --boreal-extended-tael-darker: var(--boreal-extended-teal-darker);
  --boreal-stroke-warning: var(--boreal-warning-base);
  --boreal-stroke-inverse: var(--boreal-white);
  --boreal-stroke-info-base: var(--boreal-information-base);
  --boreal-stroke-success-base: var(--boreal-success-base);
  --boreal-stroke-default-dark: var(--boreal-base-dark);
  --boreal-stroke-default-light: var(--boreal-base-light);
  --boreal-stroke-default-ink: var(--boreal-base-alt);
  --boreal-stroke-focus: var(--boreal-focus);
  --boreal-stroke-danger-base: var(--boreal-danger-base);
  --boreal-stroke-accent: var(--boreal-accent-base);
  --boreal-stroke-primary-base: var(--boreal-primary-base);
  --boreal-stroke-primary-light: var(--boreal-primary-light);
  --boreal-stroke-primary-dark: var(--boreal-primary-dark);
  --boreal-stroke-info-light: var(--boreal-information-light);
  --boreal-stroke-info-dark: var(--boreal-information-dark);
  --boreal-stroke-success-light: var(--boreal-success-light);
  --boreal-stroke-success-dark: var(--boreal-success-dark);
  --boreal-stroke-warning-light: var(--boreal-warning-light);
  --boreal-stroke-warning-dark: var(--boreal-warning-dark);
  --boreal-stroke-danger-light: var(--boreal-danger-light);
  --boreal-stroke-danger-dark: var(--boreal-danger-dark);
  --boreal-stroke-default-lighter: var(--boreal-base-lighter);
}

/* _fonts.scss */

/* _typography.scss */
.heading-4xl {
  font-weight: var(--boreal-typography-font-weight-light);
  font-size: var(--boreal-typography-font-size-4xl);
  line-height: var(--boreal-typography-line-height-4xl);
}

.heading-3xl {
  font-weight: var(--boreal-typography-font-weight-light);
  font-size: var(--boreal-typography-font-size-3xl);
  line-height: var(--boreal-typography-line-height-3xl);
}

.heading-2xl {
  font-weight: var(--boreal-typography-font-weight-regular);
  font-size: var(--boreal-typography-font-size-2xl);
  line-height: var(--boreal-typography-line-height-2xl);
}

.heading-xl {
  font-weight: var(--boreal-typography-font-weight-regular);
  font-size: var(--boreal-typography-font-size-xl);
  line-height: var(--boreal-typography-line-height-xl);
}

.heading-lg {
  font-weight: var(--boreal-typography-font-weight-regular);
  font-size: var(--boreal-typography-font-size-lg);
  line-height: var(--boreal-typography-line-height-lg);
}

.heading-md {
  font-weight: var(--boreal-typography-font-weight-semibold);
  font-size: var(--boreal-typography-font-size-md);
  line-height: var(--boreal-typography-line-height-md);
}

.heading-sm {
  font-weight: var(--boreal-typography-font-weight-semibold);
  font-size: var(--boreal-typography-font-size-sm);
  line-height: var(--boreal-typography-line-height-sm);
}

.display-sm {
  font-size: var(--boreal-typography-font-size-xl);
  line-height: var(--boreal-typography-line-height-xl);
  font-weight: var(--boreal-typography-font-weight-regular);
}

.display-md {
  font-size: var(--boreal-typography-font-size-2xl);
  line-height: var(--boreal-typography-line-height-2xl);
  font-weight: var(--boreal-typography-font-weight-regular);
}

.display-lg {
  font-size: var(--boreal-typography-font-size-3xl);
  line-height: var(--boreal-typography-line-height-3xl);
  font-weight: var(--boreal-typography-font-weight-regular);
}

.display-xl {
  font-size: var(--boreal-typography-font-size-4xl);
  line-height: var(--boreal-typography-line-height-4xl);
  font-weight: var(--boreal-typography-font-weight-regular);
}

.display-xs {
  font-size: var(--boreal-typography-font-size-xs);
  line-height: var(--boreal-typography-line-height-xs);
  font-weight: var(--boreal-typography-font-weight-regular);
}

.label-lg {
  font-size: var(--boreal-typography-font-size-lg);
  font-weight: var(--boreal-typography-font-weight-semibold);
  line-height: var(--boreal-typography-line-height-md);
  color: var(--boreal-text-default-darker);
}

.label-md {
  font-size: var(--boreal-typography-font-size-md);
  font-weight: var(--boreal-typography-font-weight-semibold);
  line-height: var(--boreal-typography-line-height-md);
  color: var(--boreal-text-default-darker);
}

.label-sm {
  font-size: var(--boreal-typography-font-size-sm);
  font-weight: var(--boreal-typography-font-weight-semibold);
  line-height: var(--boreal-typography-line-height-sm);
  color: var(--boreal-text-default-darker);
}

.label-xs {
  font-size: var(--boreal-typography-font-size-xs);
  font-weight: var(--boreal-typography-font-weight-semibold);
  line-height: var(--boreal-typography-line-height-xs);
  color: var(--boreal-text-default-darker);
}

.support-text {
  font-size: var(--boreal-typography-font-size-sm);
  line-height: var(--boreal-typography-line-height-xs);
  font-weight: var(--boreal-typography-font-weight-regular);
}

.code {
  font-family: var(--boreal-typography-font-family-secondary);
  font-size: var(--boreal-typography-font-size-xs);
  font-weight: var(--boreal-typography-font-weight-regular);
  color: var(--boreal-text-default);
  line-height: var(--boreal-typography-line-height-md);
  overflow-wrap: break-word;
  background-color: var(--boreal-ui-base-light);
  padding: var(--boreal-spacing-3xs) var(--boreal-spacing-xs);
  border-radius: var(--boreal-radius-xs);
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.caption {
  font-size: var(--boreal-typography-font-size-xs);
  font-weight: var(--boreal-typography-font-weight-regular);
  line-height: var(--boreal-typography-line-height-md);
  color: var(--boreal-text-default-light);
}

.helper-text {
  font-size: var(--boreal-typography-font-size-xs);
  font-weight: var(--boreal-typography-font-weight-regular);
  line-height: var(--boreal-typography-line-height-sm);
  color: var(--boreal-text-default-light);
}

.link, .link-xs, .link-sm, .link-md {
  font-size: var(--boreal-typography-font-size-sm);
  font-weight: var(--boreal-typography-font-weight-regular);
  line-height: var(--boreal-typography-line-height-md);
  color: var(--boreal-text-primary-base);
  text-decoration: none;
}
.link:hover, .link-xs:hover, .link-sm:hover, .link-md:hover {
  text-decoration: underline;
}
.link:visited, .link-xs:visited, .link-sm:visited, .link-md:visited {
  color: var(--boreal-text-primary-base);
}
.link:active, .link-xs:active, .link-sm:active, .link-md:active {
  color: var(--boreal-text-primary-dark);
}
.link-md {
  font-size: var(--boreal-typography-font-size-md);
  line-height: var(--boreal-typography-line-height-md);
}
.link-sm {
  font-size: var(--boreal-typography-font-size-sm);
  line-height: var(--boreal-typography-line-height-sm);
}
.link-xs {
  font-size: var(--boreal-typography-font-size-xs);
  line-height: var(--boreal-typography-line-height-xs);
}

/* reset.scss */
/**
 * Boreal Design System - CSS Reset
 * Minimal reset for consistent cross-browser rendering
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}