/**
 * XUI Tokens (v14.7.1)
 * Do not edit directly. Generated on Tue, 24 March 2026 at 12:05:14 am UTC
 */

:root {
  --x-typography-paragraph-spacing-0: 0px;
  --x-typography-paragraph-spacing-8: 8px;
  --x-typography-paragraph-spacing-10: 10px;
  --x-typography-paragraph-spacing-12: 12px;
  --x-typography-paragraph-spacing-14: 14px;
  --x-typography-paragraph-indent-0: 0px;
  --x-typography-font-family-primary: 'National 2';
  --x-typography-letter-spacing-default: 0;
  --x-typography-letter-spacing-tight: -0.03em;
  --x-typography-font-size-10: 10px;
  --x-typography-font-size-11: 11px;
  --x-typography-font-size-12: 12px;
  --x-typography-font-size-13: 13px;
  --x-typography-font-size-14: 14px;
  --x-typography-font-size-15: 15px;
  --x-typography-font-size-17: 17px;
  --x-typography-font-size-22: 22px;
  --x-typography-font-size-24: 24px;
  --x-typography-font-size-28: 28px;
  --x-typography-font-size-32: 32px;
  --x-typography-font-size-44: 44px;
  --x-typography-font-size-64: 64px;
  --x-typography-line-height-95: 0.95;
  --x-typography-line-height-100: 1;
  --x-typography-line-height-105: 1.05;
  --x-typography-line-height-110: 1.1;
  --x-typography-line-height-115: 1.15;
  --x-typography-line-height-130: 1.3;
  --x-typography-line-height-135: 1.35;
  --x-typography-line-height-140: 1.4;
  --x-typography-line-height-145: 1.45;
  --x-typography-font-weight-light: 300;
  --x-typography-font-weight-regular: 400;
  --x-typography-font-weight-medium: 500;
  --x-typography-font-weight-semibold: 600;
  --x-typography-font-weight-bold: 700;
  --x-typography-text-case-none: none;
  --x-typography-text-case-uppercase: uppercase;
  --x-typography-text-case-lowercase: lowercase;
  --x-typography-text-decoration-none: none;
  --x-typography-text-decoration-underline: underline;
  --x-border-radius-none: 0;
  --x-border-radius-small: 4px;
  --x-border-radius-medium: 6px;
  --x-border-radius-large: 8px;
  --x-border-radius-xlarge: 12px;
  --x-border-radius-circle: 100%;
  --x-border-radius-max: 999px; /* Maximum radius */
  --x-border-width-none: 0;
  --x-border-width-thin: 1px;
  --x-border-width-thick: 2px;
  --x-size-tap-target-enhanced: 24px; /* Enhanced minimum */
  --x-size-tap-target-minimum: 40px; /* Tap target default */
  --x-size-viewport-width-320: 320px;
  --x-size-viewport-width-390: 390px;
  --x-size-viewport-width-800: 800px;
  --x-size-viewport-width-920: 920px;
  --x-size-viewport-width-1020: 1020px;
  --x-size-viewport-width-1340: 1340px;
  --x-size-viewport-width-1580: 1580px;
  --x-size-viewport-width-1900: 1900px;
  --x-size-dimensions-12: 12px;
  --x-size-dimensions-16: 16px;
  --x-size-dimensions-20: 20px;
  --x-size-dimensions-24: 24px;
  --x-size-dimensions-32: 32px;
  --x-size-dimensions-40: 40px;
  --x-size-dimensions-60: 60px;
  --x-size-dimensions-100: 100px;
  --x-size-dimensions-160: 160px;
  --x-size-dimensions-200: 200px;
  --x-size-dimensions-280: 280px;
  --x-size-dimensions-320: 320px;
  --x-size-dimensions-400: 400px;
  --x-size-spacing-0: 0px;
  --x-size-spacing-4: 4px;
  --x-size-spacing-8: 8px;
  --x-size-spacing-12: 12px;
  --x-size-spacing-16: 16px;
  --x-size-spacing-20: 20px;
  --x-size-spacing-24: 24px;
  --x-size-spacing-32: 32px;
  --x-size-spacing-48: 48px;
  --x-size-spacing-64: 64px;
  --x-version: 1.14;
  --x-color-neutral-0: #ffffff;
  --x-color-neutral-25: #f6f6f8;
  --x-color-neutral-50: #eff0f3;
  --x-color-neutral-75: #e1e2e5;
  --x-color-neutral-100: #cfd1d5;
  --x-color-neutral-200: #a6aab1;
  --x-color-neutral-300: #828995;
  --x-color-neutral-400: #697280;
  --x-color-neutral-500: #616b7a;
  --x-color-neutral-600: #556070;
  --x-color-neutral-700: #424f60;
  --x-color-neutral-750: #2C3D52;
  --x-color-neutral-800: #1e3145;
  --x-color-neutral-850: #12283d;
  --x-color-neutral-900: #081f33;
  --x-color-neutral-1000: #031320;
  --x-color-red-25: #fff6f7;
  --x-color-red-50: #fdeced;
  --x-color-red-100: #fadbdb;
  --x-color-red-150: #f7c9cb;
  --x-color-red-200: #f5b6b9;
  --x-color-red-250: #f3a4a8;
  --x-color-red-300: #f29095;
  --x-color-red-350: #f07981;
  --x-color-red-400: #ef626d;
  --x-color-red-450: #ef4355;
  --x-color-red-500: #e22a42;
  --x-color-red-550: #ce1a35;
  --x-color-red-600: #c31230;
  --x-color-red-650: #a50e27;
  --x-color-red-700: #910620;
  --x-color-red-750: #7c031a;
  --x-color-red-800: #650715;
  --x-color-red-850: #52030f;
  --x-color-red-900: #400108;
  --x-color-red-950: #2a0305;
  --x-color-orange-25: #fef8e4;
  --x-color-orange-50: #fef4d3;
  --x-color-orange-100: #ffddb8;
  --x-color-orange-150: #ffc9a4;
  --x-color-orange-200: #ffb68f;
  --x-color-orange-250: #ffa279;
  --x-color-orange-300: #fc8d64;
  --x-color-orange-350: #f8784d;
  --x-color-orange-400: #f15729;
  --x-color-orange-450: #e65125;
  --x-color-orange-500: #cf4921;
  --x-color-orange-550: #bb421f;
  --x-color-orange-600: #a73918;
  --x-color-orange-650: #923215;
  --x-color-orange-700: #80290f;
  --x-color-orange-750: #6c230d;
  --x-color-orange-800: #5b1a07;
  --x-color-orange-850: #481405;
  --x-color-orange-900: #370e06;
  --x-color-orange-950: #270600;
  --x-color-yellow-25: #fdf7ce;
  --x-color-yellow-50: #fef1b7;
  --x-color-yellow-100: #f9e280;
  --x-color-yellow-150: #f5d000;
  --x-color-yellow-200: #e8c403;
  --x-color-yellow-250: #d9b600;
  --x-color-yellow-300: #caa809;
  --x-color-yellow-350: #bc9b00;
  --x-color-yellow-400: #ad8e00;
  --x-color-yellow-450: #9e8102;
  --x-color-yellow-500: #907300;
  --x-color-yellow-550: #826700;
  --x-color-yellow-600: #755b00;
  --x-color-yellow-650: #684f02;
  --x-color-yellow-700: #5b4301;
  --x-color-yellow-750: #4e3701;
  --x-color-yellow-800: #422d00;
  --x-color-yellow-850: #342300;
  --x-color-yellow-900: #271900;
  --x-color-yellow-950: #1a0f00;
  --x-color-green-25: #f0fbf3;
  --x-color-green-50: #e6f7ea;
  --x-color-green-100: #cde9d3;
  --x-color-green-150: #baddc1;
  --x-color-green-200: #a7d1b0;
  --x-color-green-250: #92c49d;
  --x-color-green-300: #7eb88c;
  --x-color-green-350: #69ac7a;
  --x-color-green-400: #52a167;
  --x-color-green-450: #3a9556;
  --x-color-green-500: #198844;
  --x-color-green-550: #0f7b3d;
  --x-color-green-600: #116d35;
  --x-color-green-650: #0e5f2d;
  --x-color-green-700: #0d5227;
  --x-color-green-750: #084520;
  --x-color-green-800: #033918;
  --x-color-green-850: #032d13;
  --x-color-green-900: #00210a;
  --x-color-green-950: #011506;
  --x-color-mint-25: #e3fef1;
  --x-color-mint-50: #c6fce4;
  --x-color-mint-100: #a9f2d3;
  --x-color-mint-150: #82e8bf;
  --x-color-mint-200: #50dcaa;
  --x-color-mint-250: #49cea0;
  --x-color-mint-300: #44bf93;
  --x-color-mint-350: #41b088;
  --x-color-mint-400: #38a27c;
  --x-color-mint-450: #349470;
  --x-color-mint-500: #2a8565;
  --x-color-mint-550: #28785b;
  --x-color-mint-600: #246a51;
  --x-color-mint-650: #1c5d46;
  --x-color-mint-700: #19503c;
  --x-color-mint-750: #144332;
  --x-color-mint-800: #0d3728;
  --x-color-mint-850: #0a2b1f;
  --x-color-mint-900: #042015;
  --x-color-mint-950: #02140d;
  --x-color-turquoise-25: #e4fafe;
  --x-color-turquoise-50: #cef7ff;
  --x-color-turquoise-100: #a4eefe;
  --x-color-turquoise-150: #73e4fc;
  --x-color-turquoise-200: #3ddcfa;
  --x-color-turquoise-250: #35c9e4;
  --x-color-turquoise-300: #34bad4;
  --x-color-turquoise-350: #2bacc4;
  --x-color-turquoise-400: #299eb4;
  --x-color-turquoise-450: #2690a4;
  --x-color-turquoise-500: #1f8194;
  --x-color-turquoise-550: #207484;
  --x-color-turquoise-600: #176777;
  --x-color-turquoise-650: #155a68;
  --x-color-turquoise-700: #0e4e5a;
  --x-color-turquoise-750: #0d414b;
  --x-color-turquoise-800: #0a353e;
  --x-color-turquoise-850: #052a32;
  --x-color-turquoise-900: #051f25;
  --x-color-turquoise-950: #001419;
  --x-color-blue-25: #eff9ff;
  --x-color-blue-50: #e7f6ff;
  --x-color-blue-75: #dbefff;
  --x-color-blue-100: #cbe5ff;
  --x-color-blue-150: #b4d8ff;
  --x-color-blue-200: #9ecaff;
  --x-color-blue-250: #84B7FF; /* Primary colour for native dark mode */
  --x-color-blue-300: #71adfc;
  --x-color-blue-350: #5b9ff9;
  --x-color-blue-400: #4e91f1;
  --x-color-blue-450: #3982ed;
  --x-color-blue-500: #2e73e1;
  --x-color-blue-550: #1f68dd;
  --x-color-blue-600: #1c5dc5;
  --x-color-blue-650: #1950aa;
  --x-color-blue-700: #184390;
  --x-color-blue-750: #12387b;
  --x-color-blue-800: #0b2e67;
  --x-color-blue-850: #042454;
  --x-color-blue-900: #021a41;
  --x-color-blue-950: #02102b;
  --x-color-violet-25: #f7f7fe;
  --x-color-violet-50: #f2f2fd;
  --x-color-violet-100: #dee1fd;
  --x-color-violet-150: #cdd2fb;
  --x-color-violet-200: #bbc3f9;
  --x-color-violet-250: #abb4f9;
  --x-color-violet-300: #9ca6f6;
  --x-color-violet-350: #8c97f3;
  --x-color-violet-400: #7e87ef;
  --x-color-violet-450: #7078eb;
  --x-color-violet-500: #6268e7;
  --x-color-violet-550: #5a5ae6;
  --x-color-violet-600: #4e4ec8;
  --x-color-violet-650: #4343b2;
  --x-color-violet-700: #393a9c;
  --x-color-violet-750: #313083;
  --x-color-violet-800: #27276f;
  --x-color-violet-850: #1f1e57;
  --x-color-violet-900: #151544;
  --x-color-violet-950: #0c0b31;
  --x-color-grape-25: #fbf2fd;
  --x-color-grape-50: #fbecfd;
  --x-color-grape-100: #fad7fd;
  --x-color-grape-150: #f7c4fb;
  --x-color-grape-200: #f5aefb;
  --x-color-grape-250: #f09af7;
  --x-color-grape-300: #eb7af5;
  --x-color-grape-350: #df74e8;
  --x-color-grape-400: #cd6ad6;
  --x-color-grape-450: #bb60c3;
  --x-color-grape-500: #aa55b2;
  --x-color-grape-550: #994da0;
  --x-color-grape-600: #87448d;
  --x-color-grape-650: #773a7d;
  --x-color-grape-700: #67326b;
  --x-color-grape-750: #572a5b;
  --x-color-grape-800: #48214c;
  --x-color-grape-850: #39193c;
  --x-color-grape-900: #2c112f;
  --x-color-grape-950: #1d091f;
  --x-color-pink-25: #fff0fc;
  --x-color-pink-50: #ffebf8;
  --x-color-pink-100: #ffd8e9;
  --x-color-pink-150: #fec5da;
  --x-color-pink-200: #feb0ca;
  --x-color-pink-250: #ff9bbc;
  --x-color-pink-300: #ff84ac;
  --x-color-pink-350: #f6729b;
  --x-color-pink-400: #ee5f89;
  --x-color-pink-450: #e44b79;
  --x-color-pink-500: #da2f66;
  --x-color-pink-550: #c52d5d;
  --x-color-pink-600: #af2953;
  --x-color-pink-650: #96274a;
  --x-color-pink-700: #812340;
  --x-color-pink-750: #6c1e37;
  --x-color-pink-800: #551b2d;
  --x-color-pink-850: #451524;
  --x-color-pink-900: #340e1a;
  --x-color-pink-950: #23070f;
  --x-color-alpha-darken-5: rgb(0% 0% 0% / 0.05);
  --x-color-alpha-darken-10: rgb(0% 0% 0% / 0.1);
  --x-color-alpha-darken-20: rgb(0% 0% 0% / 0.2);
  --x-color-alpha-darken-30: rgb(0% 0% 0% / 0.3);
  --x-color-alpha-darken-40: rgb(0% 0% 0% / 0.4);
  --x-color-alpha-darken-50: rgb(0% 0% 0% / 0.5);
  --x-color-alpha-darken-60: rgb(0% 0% 0% / 0.6);
  --x-color-alpha-darken-70: rgb(0% 0% 0% / 0.7);
  --x-color-alpha-darken-80: rgb(0% 0% 0% / 0.8);
  --x-color-alpha-darken-90: rgb(0% 0% 0% / 0.9);
  --x-color-alpha-darken-95: rgb(0% 0% 0% / 0.95);
  --x-color-alpha-lighten-5: rgb(100% 100% 100% / 0.05);
  --x-color-alpha-lighten-10: rgb(100% 100% 100% / 0.1);
  --x-color-alpha-lighten-20: rgb(100% 100% 100% / 0.2);
  --x-color-alpha-lighten-30: rgb(100% 100% 100% / 0.3);
  --x-color-alpha-lighten-40: rgb(100% 100% 100% / 0.4);
  --x-color-alpha-lighten-50: rgb(100% 100% 100% / 0.5);
  --x-color-alpha-lighten-60: rgb(100% 100% 100% / 0.6);
  --x-color-alpha-lighten-70: rgb(100% 100% 100% / 0.7);
  --x-color-alpha-lighten-80: rgb(100% 100% 100% / 0.8);
  --x-color-alpha-lighten-90: rgb(100% 100% 100% / 0.9);
  --x-color-alpha-lighten-95: rgb(100% 100% 100% / 0.95);
}