@telesign/boreal-web-components 0.1.0-alpha.0

package/dist/collection/css/global.css

@@ -0,0 +1,682 @@
+@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;
+}
+
+/* _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;
+}