@color-orange-100: #fee3dc;
@color-orange-200: #fda891;
@color-orange-300: #ff8f70;
@color-orange-400: #fc7753;
@color-orange-500: #fa4616; // Primary Brand Orange
@color-orange-600: #da3b11;
@color-orange-700: #c2320c;
@color-orange-800: #832107;
@color-orange-850: #3c383c;
@color-orange-100-contrast: #182027;
@color-orange-200-contrast: #182027;
@color-orange-300-contrast: #182027;
@color-orange-400-contrast: #182027;
@color-orange-500-contrast: #182027;
@color-orange-600-contrast: #f4f9fa;
@color-orange-700-contrast: #f4f9fa;
@color-orange-800-contrast: #f4f9fa;
@color-blue-100: #dae8fa;
@color-blue-200: #badaff;
@color-blue-300: #87bfff;
@color-blue-400: #66adff;
@color-blue-500: #0067df;
@color-blue-600: #0056ba;
@color-blue-700: #00489d;
@color-blue-800: #00336f;
@color-blue-050: #f5f9fe;
@color-blue-050-contrast: #1b2630;
@color-blue-100-contrast: #182027;
@color-blue-200-contrast: #182027;
@color-blue-300-contrast: #182027;
@color-blue-400-contrast: #182027;
@color-blue-500-contrast: #f4f9fa;
@color-blue-600-contrast: #f4f9fa;
@color-blue-700-contrast: #f4f9fa;
@color-blue-800-contrast: #f4f9fa;
@color-blue-secondary-100: #e9f1fa;
@color-blue-secondary-200: #b2d2f3;
@color-blue-secondary-300: #8cc2f8;
@color-blue-secondary-400: #42a1ff;
@color-blue-secondary-500: #1976d2; // Brand Accessory Blue Secondary
@color-blue-secondary-600: #1665b3;
@color-blue-secondary-700: #11508d;
@color-blue-secondary-800: #0c3761;
@color-blue-secondary-100-contrast: #182027;
@color-blue-secondary-200-contrast: #182027;
@color-blue-secondary-300-contrast: #182027;
@color-blue-secondary-400-contrast: #182027;
@color-blue-secondary-500-contrast: #f4f9fa;
@color-blue-secondary-600-contrast: #f4f9fa;
@color-blue-secondary-700-contrast: #f4f9fa;
@color-blue-secondary-800-contrast: #f4f9fa;
@color-green-100: #eeffe5;
@color-green-200: #e4f2dd;
@color-green-250: #e4f2dd;
@color-green-300: #b4e89b;
@color-green-400: #74c94b;
@color-green-500: #6eb84a;
@color-green-600: #539d2f;
@color-green-700: #038108;
@color-green-750: #038a08;
@color-green-800: #005603;
@color-green-250-contrast: #182027;
@color-green-500-contrast: #182027;
@color-green-750-contrast: #f4f9fa;
@color-green-050-contrast: #182027;
@color-green-050: #eeffe6;
@color-green-emerald: #176245;
@color-yellow-100: #fff3db;
@color-yellow-200: #ffe19e;
@color-yellow-300: #ffca55;
@color-yellow-400: #ffbb27;
@color-yellow-500: #ffb40e; // Brand Accessory Yellow
@color-yellow-600: #f3ab0d;
@color-yellow-700: #9e6100;
@color-yellow-750: #b27d09;
@color-yellow-800: #805a07;
@color-yellow-100-contrast: #182027;
@color-yellow-200-contrast: #182027;
@color-yellow-300-contrast: #182027;
@color-yellow-400-contrast: #182027;
@color-yellow-500-contrast: #182027;
@color-yellow-600-contrast: #182027;
@color-yellow-700-contrast: #182027;
@color-yellow-800-contrast: #f4f9fa;
@color-red-100: #fff0f1;
@color-red-200: #ffd1d1;
@color-red-300: #ffadad;
@color-red-400: #ff8484;
@color-red-500: #cc3d45; // Brand Accessory Red
@color-red-600: #b6242b;
@color-red-700: #a6040a;
@color-red-800: #6c0004;
@color-red-100-contrast: #182027;
@color-red-200-contrast: #182027;
@color-red-300-contrast: #182027;
@color-red-400-contrast: #182027;
@color-red-500-contrast: #f4f9fa;
@color-red-600-contrast: #f4f9fa;
@color-red-700-contrast: #f4f9fa;
@color-red-800-contrast: #f4f9fa;
@color-purple-100: #eee1ee;
@color-purple-200: #edb8ed;
@color-purple-300: #dc80db;
@color-purple-400: #b748b6;
@color-purple-500: #933692;
@color-purple-600: #8c338b;
@color-purple-700: #662565;
@color-purple-800: #491b49;
@color-purple-100-contrast: #182027;
@color-purple-200-contrast: #182027;
@color-purple-300-contrast: #182027;
@color-purple-400-contrast: #f4f9fa;
@color-purple-500-contrast: #f4f9fa;
@color-purple-600-contrast: #f4f9fa;
@color-purple-700-contrast: #f4f9fa;
@color-purple-800-contrast: #f4f9fa;
@color-light-blue-100: #e1f6fd;
@color-light-blue-200: #afe8fa;
@color-light-blue-300: #73d6f7;
@color-light-blue-400: #44cffc;
@color-light-blue-500: #38c6f4;
@color-light-blue-600: #35bbe7;
@color-light-blue-700: #278aab;
@color-light-blue-800: #1c637a;
@color-light-blue-100-contrast: #182027;
@color-light-blue-200-contrast: #182027;
@color-light-blue-300-contrast: #182027;
@color-light-blue-400-contrast: #182027;
@color-light-blue-500-contrast: #182027;
@color-light-blue-600-contrast: #182027;
@color-light-blue-700-contrast: #182027;
@color-light-blue-800-contrast: #f4f9fa;
@color-white: #ffffff;
@color-black: #000000;
@color-error-100: #fff0f1;
@color-error-200: #ffd1d1;
@color-error-250: #ffa2a8;
@color-error-300: #ffadad;
@color-error-400: #ff8484;
@color-error-500: #cc3d45;
@color-error-600: #b6242b;
@color-error-700: #a6040a;
@color-error-750: #a6040a;
@color-error-800: #6c0004;
@color-error-250-contrast: #182027;
@color-error-500-contrast: #182027;
@color-error-750-contrast: #f4f9fa;
@color-error-050-contrast: #182027;
@color-error-050: #ffe6e7;
@color-warning-100: #fff3db;
@color-warning-200: #ffe19e;
@color-warning-300: #ffca55;
@color-warning-400: #ffbb27;
@color-warning-500: #ffb40e; // Brand Accessory Yellow
@color-warning-600: #f3ab0d;
@color-warning-700: #b27d09;
@color-warning-750: #b27d09;
@color-warning-800: #805a07;
@color-warning-100-contrast: #182027;
@color-warning-200-contrast: #182027;
@color-warning-300-contrast: #182027;
@color-warning-400-contrast: #182027;
@color-warning-500-contrast: #182027;
@color-warning-600-contrast: #182027;
@color-warning-700-contrast: #182027;
@color-warning-800-contrast: #f4f9fa;
@color-info-100: #e9f1fa;
@color-info-200: #b2d2f3;
@color-info-300: #8cc2f8;
@color-info-400: #42a1ff;
@color-info-500: #1976d2; // Brand Accessory Blue Secondary
@color-info-600: #1665b3;
@color-info-700: #11508d;
@color-info-800: #0c3761;
@color-info-100-contrast: #182027;
@color-info-200-contrast: #182027;
@color-info-300-contrast: #182027;
@color-info-400-contrast: #182027;
@color-info-500-contrast: #182027;
@color-info-600-contrast: #f4f9fa;
@color-info-700-contrast: #f4f9fa;
@color-info-800-contrast: #f4f9fa;
@color-success-100: #eeffe5;
@color-success-200: #e4f2dd;
@color-success-250: #e4f2dd;
@color-success-300: #b4e89b;
@color-success-400: #74c94b;
@color-success-500: #6eb84a;
@color-success-600: #539d2f;
@color-success-700: #038108;
@color-success-750: #038a08;
@color-success-800: #005603;
@color-success-250-contrast: #182027;
@color-success-500-contrast: #182027;
@color-success-750-contrast: #f4f9fa;
@color-success-050-contrast: #182027;
@color-success-050: #eeffe6;
@color-gray-100: #f7f7f7;
@color-gray-150: #f4f4f5;
@color-gray-200: #ecedee;
@color-gray-250: #e1e2e4;
@color-gray-300: #d3d4d6;
@color-gray-350: #c0c2c5;
@color-gray-400: #aaacaf;
@color-gray-450: #919295;
@color-gray-500: #757679;
@color-gray-550: #595a5c;
@color-gray-600: #414244;
@color-gray-650: #2d2e2f;
@color-gray-700: #1d1d1e;
@color-gray-750: #111212;
@color-gray-800: #0a0a0a;
@color-gray-850: #060606;
@color-gray-100-contrast: #182027;
@color-gray-150-contrast: #182027;
@color-gray-200-contrast: #182027;
@color-gray-250-contrast: #182027;
@color-gray-300-contrast: #182027;
@color-gray-350-contrast: #182027;
@color-gray-400-contrast: #182027;
@color-gray-450-contrast: #182027;
@color-gray-500-contrast: #f4f9fa;
@color-gray-550-contrast: #f4f9fa;
@color-gray-600-contrast: #f4f9fa;
@color-gray-650-contrast: #f4f9fa;
@color-gray-700-contrast: #f4f9fa;
@color-gray-750-contrast: #f4f9fa;
@color-gray-800-contrast: #f4f9fa;
@color-gray-850-contrast: #f4f9fa;
@color-gray-050-contrast: #182027;
@color-gray-050: #fafafa;
@color-ink-100: #f8f9fa;
@color-ink-150: #f4f5f7;
@color-ink-200: #e9f0f3;
@color-ink-250: #dee6ea;
@color-ink-300: #cfd8dd;
@color-ink-350: #bbc7cd;
@color-ink-400: #a4b1b8;
@color-ink-450: #8a97a0;
@color-ink-500: #6b7882;
@color-ink-550: #526069;
@color-ink-600: #374652;
@color-ink-625: #374652; // DEPRECATED - Please use ColorInk600 instead.
@color-ink-650: #273139;
@color-ink-700: #182027;
@color-ink-750: #0e1419;
@color-ink-800: #080c10;
@color-ink-850: #04070a;
@color-ink-100-contrast: #182027;
@color-ink-150-contrast: #182027;
@color-ink-200-contrast: #182027;
@color-ink-250-contrast: #182027;
@color-ink-300-contrast: #182027;
@color-ink-350-contrast: #182027;
@color-ink-400-contrast: #182027;
@color-ink-450-contrast: #182027;
@color-ink-500-contrast: #f4f9fa;
@color-ink-550-contrast: #f4f9fa;
@color-ink-600-contrast: #f4f9fa;
@color-ink-650-contrast: #f4f9fa;
@color-ink-700-contrast: #f4f9fa;
@color-ink-750-contrast: #f4f9fa;
@color-ink-800-contrast: #f4f9fa;
@color-ink-850-contrast: #f4f9fa;
@color-ink-050-contrast: #182027;
@color-ink-050: #182027;
@color-pink-100: #fcdbe6;
@color-pink-200: #f7a1bd;
@color-pink-300: #fd7da7;
@color-pink-400: #f25a8c;
@color-pink-500: #ed145b;
@color-pink-600: #d91153;
@color-pink-700: #a60e3f;
@color-pink-800: #76092d;
@color-gradient-1-l: #fafafb; // Gradient 1 Light - Start
@color-gradient-1-l-end: #ecedef; // Gradient 1 Light - End
@color-gradient-1-d: #526069; // Gradient 1 Dark - Start
@color-gradient-1-d-end: #323c42; // Gradient 1 Dark - End
@color-gradient-2-l: #ffe0ff; // Gradient 2 Light - Start
@color-gradient-2-l-end: #cfd9ff; // Gradient 2 Light - End
@color-gradient-2-d: #a280bc; // Gradient 2 Dark - Start
@color-gradient-2-d-end: #577bae; // Gradient 2 Dark - End
@color-gradient-3-l: #ddfbf1; // Gradient 3 Light - Start
@color-gradient-3-l-end: #daf3ff; // Gradient 3 Light - End
@color-gradient-3-d: #51868e; // Gradient 3 Dark - Start
@color-gradient-3-d-end: #35667d; // Gradient 3 Dark - End
@color-gradient-4-l: #f6faff; // Gradient 4 Light - Start
@color-gradient-4-l-end: #d8eeff; // Gradient 4 Light - End
@color-gradient-4-d: #6885ab; // Gradient 4 Dark - Start
@color-gradient-4-d-end: #2b5372; // Gradient 4 Dark - End
@color-brand-primary: #fa4616; // Brand color direct from marketing.
@color-brand-secondary: #0067df; // Brand color direct from marketing.
@color-brand-neutral-white: #ffffff;
@color-brand-neutral-black: #000000;
@color-brand-neutral-dark-gray: #595a5c;
@color-brand-neutral-pale-gray: #e1e2e4;
@color-brand-neutral-light-gray: #f4f5f7;
@color-brand-accessory-red: #cc3d45;
@color-brand-accessory-yellow: #ffb40e;
@color-brand-accessory-purple: #933692;
@color-brand-accessory-light-blue: #38c6f4;
@color-background-light: #ffffff;
@color-background-light-hc: #ffffff;
@color-background-dark: #182027;
@color-background-dark-hc: #182027;
@color-background-secondary-light: #f4f5f7;
@color-background-secondary-light-hc: #f4f5f7;
@color-background-secondary-dark: #273139;
@color-background-secondary-dark-hc: #273139;
@color-background-inverse-light: #182027;
@color-background-inverse-light-hc: #182027;
@color-background-inverse-dark: #f8f9fa;
@color-background-inverse-dark-hc: #f8f9fa;
@color-background-gray-light: #cfd8dd;
@color-background-gray-light-hc: #cfd8dd;
@color-background-gray-dark: #526069;
@color-background-gray-dark-hc: #374652;
@color-background-disabled-light: #ecedee;
@color-background-disabled-light-hc: #ecedee;
@color-background-disabled-dark: #273139;
@color-background-disabled-dark-hc: #273139;
@color-background-highlight-light: #fee3dc;
@color-background-highlight-light-hc: #fee3dc;
@color-background-highlight-dark: #3c383c;
@color-background-highlight-dark-hc: #3c383c;
@color-background-raised-light: #ffffff;
@color-background-raised-light-hc: #ffffff;
@color-background-raised-dark: #273139;
@color-background-raised-dark-hc: #273139;
@color-background-edit-light: #ffffff;
@color-background-edit-light-hc: #ffffff;
@color-background-edit-dark: #00000099;
@color-background-edit-dark-hc: #00000099;
@color-background-gray-emp-light: #a4b1b8;
@color-background-gray-emp-light-hc: #a4b1b8;
@color-background-gray-emp-dark: #8a97a0;
@color-background-gray-emp-dark-hc: #a4b1b8;
@color-background-hover-light: #52606914; // 14 hex = 0.08 Opacity
@color-background-hover-light-hc: #52606914; // 14 hex = 0.08 Opacity
@color-background-hover-dark: #cfd8dd14; // 14 hex = 0.08 Opacity
@color-background-hover-dark-hc: #a4b1b814; // 14 hex = 0.08 Opacity
@color-background-pressed-light: #5260691f; // 1f hex = 0.12 Opacity
@color-background-pressed-light-hc: #5260691f; // 1f hex = 0.12 Opacity
@color-background-pressed-dark: #cfd8dd1f; // 1f hex = 0.12 Opacity
@color-background-pressed-dark-hc: #cfd8dd1f; // 1f hex = 0.12 Opacity
@color-background-selected-light: #e9f1fa;
@color-background-selected-light-hc: #e9f1fa;
@color-background-selected-dark: #374652;
@color-background-selected-dark-hc: #374652;
@color-selection-indicator-light: #0067df;
@color-selection-indicator-light-hc: #00489d;
@color-selection-indicator-dark: #66adff;
@color-selection-indicator-dark-hc: #dae8fa;
@color-notification-badge-light: #000000;
@color-notification-badge-light-hc: #000000;
@color-notification-badge-dark: #ffffff;
@color-notification-badge-dark-hc: #ffffff;
@color-notification-indicator-light: #da3b11;
@color-notification-indicator-light-hc: #832107;
@color-notification-indicator-dark: #ff8f70;
@color-notification-indicator-dark-hc: #ff8f70;
@color-hover-light: #e9f1fa;
@color-hover-light-hc: #e9f1fa;
@color-hover-dark: #374652;
@color-hover-dark-hc: #273139;
@color-curtain-light: #000000;
@color-curtain-light-hc: #000000;
@color-curtain-dark: #000000;
@color-curtain-dark-hc: #000000;
@color-border-light: #a4b1b8;
@color-border-light-hc: #6b7882;
@color-border-dark: #8a97a0;
@color-border-dark-hc: #bbc7cd;
@color-border-disabled-light: #cfd8dd;
@color-border-disabled-light-hc: #cfd8dd;
@color-border-disabled-dark: #526069;
@color-border-disabled-dark-hc: #8a97a0;
@color-border-grid-light: #f4f5f7;
@color-border-grid-light-hc: #f4f5f7;
@color-border-grid-dark: #273139;
@color-border-grid-dark-hc: #273139;
@color-border-de-emp-light: #cfd8dd;
@color-border-de-emp-light-hc: #a4b1b8;
@color-border-de-emp-dark: #526069;
@color-border-de-emp-dark-hc: #a4b1b8;
@color-selection-light: #da3b11;
@color-selection-light-hc: #832107;
@color-selection-dark: #ff8f70;
@color-selection-dark-hc: #fda891;
@color-logo-light: #fa4616;
@color-logo-light-hc: #fa4616;
@color-logo-dark: #ffffff;
@color-logo-dark-hc: #ffffff;
@color-foreground-light: #273139;
@color-foreground-light-hc: #273139;
@color-foreground-dark: #f4f5f7;
@color-foreground-dark-hc: #f4f5f7;
@color-foreground-light-light: #6b7882;
@color-foreground-light-light-hc: #374652;
@color-foreground-light-dark: #a4b1b8;
@color-foreground-light-dark-hc: #bbc7cd;
@color-foreground-emp-light: #182027;
@color-foreground-emp-light-hc: #182027;
@color-foreground-emp-dark: #f8f9fa;
@color-foreground-emp-dark-hc: #f8f9fa;
@color-foreground-de-emp-light: #526069;
@color-foreground-de-emp-light-hc: #374652;
@color-foreground-de-emp-dark: #cfd8dd;
@color-foreground-de-emp-dark-hc: #cfd8dd;
@color-foreground-disable-light: #8a97a0;
@color-foreground-disable-light-hc: #8a97a0;
@color-foreground-disable-dark: #a4b1b8;
@color-foreground-disable-dark-hc: #a4b1b8;
@color-foreground-inverse-light: #f8f9fa;
@color-foreground-inverse-light-hc: #f8f9fa;
@color-foreground-inverse-dark: #182027;
@color-foreground-inverse-dark-hc: #182027;
@color-foreground-highlight-light: #da3b11;
@color-foreground-highlight-light-hc: #832107;
@color-foreground-highlight-dark: #ff8f70;
@color-foreground-highlight-dark-hc: #ff8f70;
@color-foreground-highlight-selected-light: #da3b111a;
@color-foreground-highlight-selected-light-hc: #8321071a;
@color-foreground-highlight-selected-dark: #ff8f701a;
@color-foreground-highlight-selected-dark-hc: #ff8f701a;
@color-foreground-highlight-selected-hover-light: #da3b1126;
@color-foreground-highlight-selected-hover-light-hc: #83210726;
@color-foreground-highlight-selected-hover-dark: #ff8f7026;
@color-foreground-highlight-selected-hover-dark-hc: #ff8f7026;
@color-foreground-link-light: #0067df;
@color-foreground-link-light-hc: #00489d;
@color-foreground-link-dark: #66adff;
@color-foreground-link-dark-hc: #87bfff;
@color-foreground-link-pressed-light: #00489d;
@color-foreground-link-pressed-light-hc: #00336f;
@color-foreground-link-pressed-dark: #badaff;
@color-foreground-link-pressed-dark-hc: #badaff;
@color-foreground-inv-de-emp-light: #cfd8dd;
@color-foreground-inv-de-emp-light-hc: #cfd8dd;
@color-foreground-inv-de-emp-dark: #526069;
@color-foreground-inv-de-emp-dark-hc: #374652;
@color-primary-light: #0067df;
@color-primary-light-hc: #00489d;
@color-primary-dark: #66adff;
@color-primary-dark-hc: #badaff;
@color-primary-lighter-light: #badaff;
@color-primary-lighter-light-hc: #badaff;
@color-primary-lighter-dark: #00489d;
@color-primary-lighter-dark-hc: #00336f;
@color-primary-darker-light: #00489d;
@color-primary-darker-light-hc: #11508d;
@color-primary-darker-dark: #badaff;
@color-primary-darker-dark-hc: #badaff;
@color-primary-hover-light: #0056ba;
@color-primary-hover-light-hc: #00336f;
@color-primary-hover-dark: #87bfff;
@color-primary-hover-dark-hc: #87bfff;
@color-primary-focused-light: #0056ba;
@color-primary-focused-light-hc: #00336f;
@color-primary-focused-dark: #87bfff;
@color-primary-focused-dark-hc: #87bfff;
@color-primary-pressed-light: #0067df;
@color-primary-pressed-light-hc: #00336f;
@color-primary-pressed-dark: #66adff;
@color-primary-pressed-dark-hc: #66adff;
@color-secondary-focused-light: #e9f1fa;
@color-secondary-focused-light-hc: #e9f1fa;
@color-secondary-focused-dark: #374652;
@color-secondary-focused-dark-hc: #273139;
@color-secondary-pressed-light: #b2d2f3;
@color-secondary-pressed-light-hc: #b2d2f3;
@color-secondary-pressed-dark: #11508d;
@color-secondary-pressed-dark-hc: #11508d;
@color-chip-default-background-light: #cfd8dd;
@color-chip-default-background-light-hc: #cfd8dd;
@color-chip-default-background-dark: #526069;
@color-chip-default-background-dark-hc: #526069;
@color-chip-error-background-light: #fff0f1;
@color-chip-error-background-light-hc: #fff0f1;
@color-chip-error-background-dark: #000000;
@color-chip-error-background-dark-hc: #000000;
@color-chip-warning-background-light: #fff3db;
@color-chip-warning-background-light-hc: #fff3db;
@color-chip-warning-background-dark: #000000;
@color-chip-warning-background-dark-hc: #000000;
@color-chip-info-background-light: #e9f1fa;
@color-chip-info-background-light-hc: #e9f1fa;
@color-chip-info-background-dark: #000000;
@color-chip-info-background-dark-hc: #000000;
@color-chip-success-background-light: #eeffe5;
@color-chip-success-background-light-hc: #eeffe5;
@color-chip-success-background-dark: #000000;
@color-chip-success-background-dark-hc: #000000;
@color-error-icon-light: #cc3d45;
@color-error-icon-light-hc: #a6040a;
@color-error-icon-dark: #ff8484;
@color-error-icon-dark-hc: #ffadad;
@color-error-icon-inverse-light: #ff8484;
@color-error-icon-inverse-light-hc: #ff8484;
@color-error-icon-inverse-dark: #cc3d45;
@color-error-icon-inverse-dark-hc: #b6242b;
@color-error-text-light: #a6040a;
@color-error-text-light-hc: #a6040a;
@color-error-text-dark: #ff8484;
@color-error-text-dark-hc: #ffadad;
@color-error-background-light: #fff0f1;
@color-error-background-light-hc: #fff0f1;
@color-error-background-dark: #000000;
@color-error-background-dark-hc: #000000;
@color-error-foreground-inverse-light: #ff8484;
@color-error-foreground-inverse-light-hc: #ff8484;
@color-error-foreground-inverse-dark: #cc3d45;
@color-error-foreground-inverse-dark-hc: #b6242b;
@color-info-foreground-light: #1665b3;
@color-info-foreground-light-hc: #11508d;
@color-info-foreground-dark: #42a1ff;
@color-info-foreground-dark-hc: #42a1ff;
@color-info-icon-light: #1976d2;
@color-info-icon-light-hc: #11508d;
@color-info-icon-dark: #42a1ff;
@color-info-icon-dark-hc: #8cc2f8;
@color-info-icon-inverse-light: #42a1ff;
@color-info-icon-inverse-light-hc: #42a1ff;
@color-info-icon-inverse-dark: #1976d2;
@color-info-icon-inverse-dark-hc: #0056ba;
@color-info-text-light: #1665b3;
@color-info-text-light-hc: #11508d;
@color-info-text-dark: #42a1ff;
@color-info-text-dark-hc: #42a1ff;
@color-info-foreground-inverse-light: #42a1ff;
@color-info-foreground-inverse-light-hc: #42a1ff;
@color-info-foreground-inverse-dark: #1976d2;
@color-info-foreground-inverse-dark-hc: #1976d2;
@color-info-background-light: #e9f1fa;
@color-info-background-light-hc: #e9f1fa;
@color-info-background-dark: #000000;
@color-info-background-dark-hc: #000000;
@color-success-icon-light: #038108;
@color-success-icon-light-hc: #005603;
@color-success-icon-dark: #74c94b;
@color-success-icon-dark-hc: #74c94b;
@color-success-icon-inverse-light: #74c94b;
@color-success-icon-inverse-light-hc: #74c94b;
@color-success-icon-inverse-dark: #038108;
@color-success-icon-inverse-dark-hc: #6eb84a;
@color-success-text-light: #038108;
@color-success-text-light-hc: #005603;
@color-success-text-dark: #74c94b;
@color-success-text-dark-hc: #74c94b;
@color-success-background-light: #eeffe5;
@color-success-background-light-hc: #eeffe5;
@color-success-background-dark: #000000;
@color-success-background-dark-hc: #000000;
@color-success-foreground-inverse-light: #74c94b;
@color-success-foreground-inverse-light-hc: #74c94b;
@color-success-foreground-inverse-dark: #6eb84a;
@color-success-foreground-inverse-dark-hc: #6eb84a;
@color-warning-icon-light: #ffb40e;
@color-warning-icon-light-hc: #805a07;
@color-warning-icon-dark: #ffbb27;
@color-warning-icon-dark-hc: #ffbb27;
@color-warning-icon-inverse-light: #ffbb27;
@color-warning-icon-inverse-light-hc: #ffbb27;
@color-warning-icon-inverse-dark: #ffb40e;
@color-warning-icon-inverse-dark-hc: #ffb40e;
@color-warning-text-light: #9e6100;
@color-warning-text-light-hc: #273139;
@color-warning-text-dark: #ffe19e;
@color-warning-text-dark-hc: #ffe19e;
@color-warning-background-light: #fff3db;
@color-warning-background-light-hc: #fff3db;
@color-warning-background-dark: #000000;
@color-warning-background-dark-hc: #000000;
@color-warning-foreground-inverse-light: #ffbb27;
@color-warning-foreground-inverse-light-hc: #ffbb27;
@color-warning-foreground-inverse-dark: #ffb40e;
@color-warning-foreground-inverse-dark-hc: #ffb40e;
@color-icon-default-light: #526069;
@color-icon-default-light-hc: #374652;
@color-icon-default-dark: #cfd8dd;
@color-icon-default-dark-hc: #cfd8dd;
@color-icon-inverted-default-light: #cfd8dd;
@color-icon-inverted-default-light-hc: #cfd8dd;
@color-icon-inverted-default-dark: #526069;
@color-icon-inverted-default-dark-hc: #374652;
@color-toggle-off-hover-light: #52606914;
@color-toggle-off-hover-light-hc: #52606914;
@color-toggle-off-hover-dark: #cfd8dd14;
@color-toggle-off-hover-dark-hc: #cfd8dd14;
@color-toggle-off-focus-light: #52606914;
@color-toggle-off-focus-light-hc: #52606914;
@color-toggle-off-focus-dark: #cfd8dd14;
@color-toggle-off-focus-dark-hc: #cfd8dd14;
@color-toggle-off-pressed-light: #5260691f;
@color-toggle-off-pressed-light-hc: #5260691f;
@color-toggle-off-pressed-dark: #cfd8dd1f;
@color-toggle-off-pressed-dark-hc: #cfd8dd1f;
@color-toggle-on-hover-light: #0067df14;
@color-toggle-on-hover-light-hc: #0067df14;
@color-toggle-on-hover-dark: #66adff14;
@color-toggle-on-hover-dark-hc: #66adff14;
@color-toggle-on-focus-light: #0067df14;
@color-toggle-on-focus-light-hc: #0067df14;
@color-toggle-on-focus-dark: #66adff14;
@color-toggle-on-focus-dark-hc: #66adff14;
@color-toggle-on-pressed-light: #0067df1f;
@color-toggle-on-pressed-light-hc: #0067df1f;
@color-toggle-on-pressed-dark: #66adff1f;
@color-toggle-on-pressed-dark-hc: #66adff1f;
@color-callout-background-light: #00489d;
@color-callout-background-light-hc: #00489d;
@color-callout-background-dark: #00489d;
@color-callout-background-dark-hc: #00489d;
@color-warn-light: #b6242b;
@color-warn-light-hc: #b6242b;
@color-warn-dark: #ff8484;
@color-warn-dark-hc: #ffadad;
@color-warn-darker-light: #a6040a;
@color-warn-darker-light-hc: #a6040a;
@color-warn-darker-dark: #ffadad;
@color-warn-darker-dark-hc: #ffadad;
@color-warn-hover-light: #b6242b0a;
@color-warn-hover-light-hc: #b6242b0a;
@color-warn-hover-dark: #ff84840a;
@color-warn-hover-dark-hc: #ff84840a;
@color-warn-focus-light: #b6242b1f;
@color-warn-focus-light-hc: #b6242b1f;
@color-warn-focus-dark: #ff84841f;
@color-warn-focus-dark-hc: #ff84841f;
@color-warn-pressed-light: #b6242b14;
@color-warn-pressed-light-hc: #b6242b14;
@color-warn-pressed-dark: #ff848414;
@color-warn-pressed-dark-hc: #ff848414;
@color-carousel-background-light: #f5f9fe;
@color-carousel-background-light-hc: #f5f9fe;
@color-carousel-background-dark: #1b2630;
@color-carousel-background-dark-hc: #1b2630;
@color-icon-button-hover-light: #52606914;
@color-icon-button-hover-light-hc: #52606914;
@color-icon-button-hover-dark: #cfd8dd14;
@color-icon-button-hover-dark-hc: #cfd8dd14;
@color-icon-button-focus-light: #52606914;
@color-icon-button-focus-light-hc: #52606914;
@color-icon-button-focus-dark: #cfd8dd14;
@color-icon-button-focus-dark-hc: #cfd8dd14;
@color-icon-button-pressed-light: #5260691f;
@color-icon-button-pressed-light-hc: #5260691f;
@color-icon-button-pressed-dark: #cfd8dd1f;
@color-icon-button-pressed-dark-hc: #cfd8dd1f;
@color-code-function-light: #b748b6;
@color-code-function-light-hc: #8c338b;
@color-code-function-dark: #dc80db;
@color-code-function-dark-hc: #dc80db;
@color-code-operator-light: #0067df;
@color-code-operator-light-hc: #00489d;
@color-code-operator-dark: #66adff;
@color-code-operator-dark-hc: #66adff;
@color-code-numeric-light: #1e7f5a;
@color-code-numeric-light-hc: #176245;
@color-code-numeric-dark: #6ecdb6;
@color-code-numeric-dark-hc: #6ecdb6;
@color-code-text-light: #d91153;
@color-code-text-light-hc: #a60e3f;
@color-code-text-dark: #f25a8c;
@color-code-text-dark-hc: #fd7da7;
@color-toggle-thumb-off-light: #526069;
@color-toggle-thumb-off-light-hc: #374652;
@color-toggle-thumb-off-dark: #cfd8dd;
@color-toggle-thumb-off-dark-hc: #cfd8dd;
@color-toggle-track-off-light: #cfd8dd;
@color-toggle-track-off-light-hc: #cfd8dd;
@color-toggle-track-off-dark: #526069;
@color-toggle-track-off-dark-hc: #526069;
@color-toggle-thumb-on-light: #0067df;
@color-toggle-thumb-on-light-hc: #00489d;
@color-toggle-thumb-on-dark: #66adff;
@color-toggle-thumb-on-dark-hc: #66adff;
@color-toggle-track-on-light: #badaff;
@color-toggle-track-on-light-hc: #badaff;
@color-toggle-track-on-dark: #00489d;
@color-toggle-track-on-dark-hc: #00489d;
@color-toggle-thumb-off-disabled-light: #cfd8dd;
@color-toggle-thumb-off-disabled-light-hc: #cfd8dd;
@color-toggle-thumb-off-disabled-dark: #526069;
@color-toggle-thumb-off-disabled-dark-hc: #526069;
@color-toggle-track-off-disabled-light: #ecedee;
@color-toggle-track-off-disabled-light-hc: #ecedee;
@color-toggle-track-off-disabled-dark: #374652;
@color-toggle-track-off-disabled-dark-hc: #374652;
@color-toggle-thumb-on-disabled-light: #0067df47;
@color-toggle-thumb-on-disabled-light-hc: #0067df47;
@color-toggle-thumb-on-disabled-dark: #66adff47;
@color-toggle-thumb-on-disabled-dark-hc: #66adff47;
@color-toggle-track-on-disabled-light: #badaff61;
@color-toggle-track-on-disabled-light-hc: #badaff61;
@color-toggle-track-on-disabled-dark: #00489d61;
@color-toggle-track-on-disabled-dark-hc: #00489d61;
@color-skeleton-light: #ecedee;
@color-skeleton-light-hc: #ecedee;
@color-skeleton-dark: #273139;
@color-skeleton-dark-hc: #273139;
@color-skeleton-glow-light: #fbfbfc;
@color-skeleton-glow-light-hc: #fbfbfc;
@color-skeleton-glow-dark: #525a61;
@color-skeleton-glow-dark-hc: #525a61;
@color-data-grid-hover-light: #f1f2f3;
@color-data-grid-hover-light-hc: #f1f2f3;
@color-data-grid-hover-dark: #272f36;
@color-data-grid-hover-dark-hc: #272f36;
@color-data-grid-pressed-light: #eaeced;
@color-data-grid-pressed-light-hc: #eaeced;
@color-data-grid-pressed-dark: #2e363d;
@color-data-grid-pressed-dark-hc: #2e363d;
@color-focus-indicator-light: #0067df;
@color-focus-indicator-light-hc: #00489d;
@color-focus-indicator-dark: #66adff;
@color-focus-indicator-dark-hc: #b2d2f3;
@color-focus-indicator-inverse-light: #66adff;
@color-focus-indicator-inverse-light-hc: #badaff;
@color-focus-indicator-inverse-dark: #0067df;
@color-focus-indicator-inverse-dark-hc: #0067df;
@color-chart-purple-light: #933692;
@color-chart-purple-light-hc: #8c338b;
@color-chart-purple-dark: #b748b6;
@color-chart-purple-dark-hc: #dc80db;
@color-chart-pink-light: #ed145b;
@color-chart-pink-light-hc: #d91153;
@color-chart-pink-dark: #f25a8c;
@color-chart-pink-dark-hc: #fd7da7;
@color-chart-blue-secondary-light: #42a1ff;
@color-chart-blue-secondary-light-hc: #1976d2;
@color-chart-blue-secondary-dark: #42a1ff;
@color-chart-blue-secondary-dark-hc: #8cc2f8;
@color-chart-light-blue-light: #38c6f4;
@color-chart-light-blue-light-hc: #278aab;
@color-chart-light-blue-dark: #44cffc;
@color-chart-light-blue-dark-hc: #44cffc;
@color-chart-green-light: #6eb84a;
@color-chart-green-light-hc: #038108;
@color-chart-green-dark: #74c94b;
@color-chart-green-dark-hc: #74c94b;
@color-chart-yellow-light: #ffb40e;
@color-chart-yellow-light-hc: #9e6100;
@color-chart-yellow-dark: #ffbb27;
@color-chart-yellow-dark-hc: #ffbb27;
@color-gradient-general-start-light: #fafafb;
@color-gradient-general-start-light-hc: #fafafb;
@color-gradient-general-start-dark: #526069;
@color-gradient-general-start-dark-hc: #526069;
@color-gradient-general-end-light: #ecedef;
@color-gradient-general-end-light-hc: #ecedef;
@color-gradient-general-end-dark: #323c42;
@color-gradient-general-end-dark-hc: #323c42;
@color-gradient-agent-start-light: #ffe0ff;
@color-gradient-agent-start-light-hc: #ffe0ff;
@color-gradient-agent-start-dark: #a280bc;
@color-gradient-agent-start-dark-hc: #a280bc;
@color-gradient-agent-end-light: #cfd9ff;
@color-gradient-agent-end-light-hc: #cfd9ff;
@color-gradient-agent-end-dark: #577bae;
@color-gradient-agent-end-dark-hc: #577bae;
@color-gradient-invoked-start-light: #ddfbf1;
@color-gradient-invoked-start-light-hc: #ddfbf1;
@color-gradient-invoked-start-dark: #51868e;
@color-gradient-invoked-start-dark-hc: #51868e;
@color-gradient-invoked-end-light: #daf3ff;
@color-gradient-invoked-end-light-hc: #daf3ff;
@color-gradient-invoked-end-dark: #35667d;
@color-gradient-invoked-end-dark-hc: #35667d;
@color-gradient-human-start-light: #f6faff;
@color-gradient-human-start-light-hc: #f6faff;
@color-gradient-human-start-dark: #6885ab;
@color-gradient-human-start-dark-hc: #6885ab;
@color-gradient-human-end-light: #d8eeff;
@color-gradient-human-end-light-hc: #d8eeff;
@color-gradient-human-end-dark: #2b5372;
@color-gradient-human-end-dark-hc: #2b5372;
@shadow-highlight-light: inset 4px 0px 0px #0067df;
@shadow-highlight-light-hc: inset 4px 0px 0px #00489d;
@shadow-highlight-dark-hc: inset 4px 0px 0px #dae8fa;
@shadow-highlight-dark: inset 4px 0px 0px #66adff;
@shadow-dialog-elevation: 0px 5px 10px rgba(0, 0, 0, 0.2), 0px 1px 5px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);
@shadow-menu-elevation: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.14);
@shadow-dragged-elevation: 0px 2px 4px rgba(0, 0, 0, 0.5);
@shadow-tooltip-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
@shadow-alt-dialog-elevation: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
@shadow-card-elevation: 0px 1px 3px rgba(0, 0, 0, 0.1);
@shadow-dp-1: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
@shadow-dp-2: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
@shadow-dp-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
@shadow-dp-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
@shadow-dp-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
@shadow-dp-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
@shadow-dp-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
@shadow-dp-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
@font-normal: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-title: poppins, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-mono: inconsolata, monospace;
@font-weight-light: 300;
@font-weight-default: 400;
@font-weight-medium: 500;
@font-weight-semibold: 600;
@font-weight-bold: 700;
@font-micro-size: 8px;
@font-micro-line-height: 12px;
@font-left-rail-size: 10px;
@font-left-rail-line-height: 10px;
@font-hero-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-hero-bold-size: 60px;
@font-hero-bold-line-height: 72px;
@font-hero-bold-weight: 400;
@font-hero-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-hero-size: 60px;
@font-hero-line-height: 72px;
@font-hero-weight: 300;
@font-header-1-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif; // h1
@font-header-1-bold-size: 36px;
@font-header-1-bold-line-height: 44px;
@font-header-1-bold-weight: 400;
@font-header-1-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif; // h1
@font-header-1-size: 36px;
@font-header-1-line-height: 44px;
@font-header-1-weight: 300;
@font-header-2-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif; // h2
@font-header-2-bold-size: 32px;
@font-header-2-bold-line-height: 40px;
@font-header-2-bold-weight: 400;
@font-header-2-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif; // h2
@font-header-2-size: 32px;
@font-header-2-line-height: 40px;
@font-header-2-weight: 300;
@font-header-3-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif; // h3
@font-header-3-bold-size: 24px;
@font-header-3-bold-line-height: 32px;
@font-header-3-bold-weight: 700;
@font-header-3-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif; // h3
@font-header-3-size: 24px;
@font-header-3-line-height: 32px;
@font-header-3-weight: 300;
@font-header-4-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif; // h4
@font-header-4-bold-size: 20px;
@font-header-4-bold-line-height: 24px;
@font-header-4-bold-weight: 600;
@font-header-4-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif; // h4
@font-header-4-size: 20px;
@font-header-4-line-height: 24px;
@font-header-4-weight: 300;
@font-l-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-l-bold-size: 16px;
@font-l-bold-line-height: 24px;
@font-l-bold-weight: 600;
@font-l-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-l-size: 16px;
@font-l-line-height: 24px;
@font-l-weight: 400;
@font-m-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-m-bold-size: 14px;
@font-m-bold-line-height: 20px;
@font-m-bold-weight: 600;
@font-m-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-m-size: 14px;
@font-m-line-height: 20px;
@font-m-weight: 400;
@font-link-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-link-size: 14px;
@font-link-line-height: 20px;
@font-link-weight: 600;
@font-s-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-s-bold-size: 12px;
@font-s-bold-line-height: 16px;
@font-s-bold-weight: 600;
@font-s-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-s-size: 12px;
@font-s-line-height: 16px;
@font-s-weight: 400;
@font-xs-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-xs-bold-size: 10px;
@font-xs-bold-line-height: 16px;
@font-xs-bold-weight: 600;
@font-xs-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-xs-size: 10px;
@font-xs-line-height: 16px;
@font-xs-weight: 400;
@font-brand-h-4-family: poppins, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif; // h4
@font-brand-h-4-size: 20px;
@font-brand-h-4-line-height: 24px;
@font-brand-h-4-letter-spacing: -0.528px;
@font-brand-h-4-weight: 600;
@font-brand-l-family: poppins, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-brand-l-size: 16px;
@font-brand-l-line-height: 24px;
@font-brand-l-weight: 600;
@font-brand-m-family: poppins, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
@font-brand-m-size: 14px;
@font-brand-m-line-height: 24px;
@font-brand-m-weight: 500;
@font-mono-m-bold-family: inconsolata, monospace;
@font-mono-m-bold-size: 14px;
@font-mono-m-bold-line-height: 20px;
@font-mono-m-bold-weight: 700;
@font-mono-m-family: inconsolata, monospace;
@font-mono-m-size: 14px;
@font-mono-m-line-height: 20px;
@font-mono-m-weight: 400;
@font-mono-s-bold-family: inconsolata, monospace;
@font-mono-s-bold-size: 12px;
@font-mono-s-bold-line-height: 16px;
@font-mono-s-bold-weight: 700;
@font-mono-s-family: inconsolata, monospace;
@font-mono-s-size: 12px;
@font-mono-s-line-height: 16px;
@font-mono-s-weight: 400;
@font-mono-xs-bold-family: inconsolata, monospace;
@font-mono-xs-bold-size: 10px;
@font-mono-xs-bold-line-height: 16px;
@font-mono-xs-bold-weight: 700;
@font-mono-xs-family: inconsolata, monospace;
@font-mono-xs-size: 10px;
@font-mono-xs-line-height: 16px;
@font-mono-xs-weight: 400;
@pad-xs: 2px;
@pad-s: 4px;
@pad-m: 6px;
@pad-l: 8px;
@pad-xl: 10px;
@pad-xxl: 12px;
@pad-xxxl: 16px;
@icon-xxs: 14px;
@icon-xs: 16px;
@icon-s: 18px;
@icon-m: 24px;
@icon-l: 28px;
@icon-xl: 32px;
@icon-xxl: 48px;
@spacing-micro: 4px;
@spacing-xs: 8px;
@spacing-s: 12px;
@spacing-base: 16px;
@spacing-m: 20px;
@spacing-l: 24px;
@spacing-xl: 32px;
@spacing-xxl: 40px;
@screen-size-xsmall-min: 0px;
@screen-size-xsmall-max: 480px;
@screen-size-small-min: 480px;
@screen-size-small-max: 768px;
@screen-size-medium-min: 768px;
@screen-size-medium-max: 1024px;
@screen-size-large-min: 1024px;
@screen-size-large-max: 1280px;
@screen-size-xlarge-min: 1280px;
@screen-size-xlarge-max: 1600px;
@screen-size-wide-min: 1600px;
@screen-size-wide-max: 100000px;
@stroke-s: 1px;
@stroke-m: 2px;
@stroke-l: 3px;
@stroke-xl: 4px;
@border-light: 1px solid #a4b1b8;
@border-light-hc: 1px solid #6b7882;
@border-dark: 1px solid #8a97a0;
@border-dark-hc: 1px solid #bbc7cd;
@border-thick-s: 1px;
@border-thick-m: 2px;
@border-thick-l: 4px;
@border-radius-none: 0px;
@border-radius-s: 3px;
@border-radius-m: 4px;
@border-radius-l: 8px;