/**
 * Do not edit directly, this file was auto-generated.
 */

:root, :host, [data-color-mode="light"] {
  color-scheme: light;
  --dixa-color-purple-100: #f0f0ff;
  --dixa-color-purple-200: #ddd8fd;
  --dixa-color-purple-300: #c1b9f8;
  --dixa-color-purple-400: #8f82ed;
  --dixa-color-purple-500: #5644d8;
  --dixa-color-purple-600: #392aa7;
  --dixa-color-purple-700: #281c82;
  --dixa-color-purple-800: #140561;
  --dixa-color-purple-900: #0c0146;
  --dixa-color-green-100: #dffbe9;
  --dixa-color-green-200: #c6f5d6;
  --dixa-color-green-300: #9febb9;
  --dixa-color-green-400: #6ad495;
  --dixa-color-green-500: #33b967;
  --dixa-color-green-600: #23924e;
  --dixa-color-green-700: #196c39;
  --dixa-color-green-800: #195239;
  --dixa-color-green-900: #164832;
  --dixa-color-blue-100: #e7f5fe;
  --dixa-color-blue-200: #a8d9fc;
  --dixa-color-blue-300: #69bbf6;
  --dixa-color-blue-400: #36a1ec;
  --dixa-color-blue-500: #0078cc;
  --dixa-color-blue-600: #0067ad;
  --dixa-color-blue-700: #005893;
  --dixa-color-blue-800: #00487a;
  --dixa-color-blue-900: #003d66;
  --dixa-color-orange-100: #ffeedd;
  --dixa-color-orange-200: #ffdcaf;
  --dixa-color-orange-300: #ffbd6e;
  --dixa-color-orange-400: #ff9e37;
  --dixa-color-orange-500: #fc800d;
  --dixa-color-orange-600: #e56500;
  --dixa-color-orange-700: #ca4f00;
  --dixa-color-orange-800: #a93900;
  --dixa-color-orange-900: #872600;
  --dixa-color-red-100: #fff2f2;
  --dixa-color-red-200: #f5cccb;
  --dixa-color-red-300: #eaa8a6;
  --dixa-color-red-400: #db6a68;
  --dixa-color-red-500: #c83c3c;
  --dixa-color-red-600: #c11d1d;
  --dixa-color-red-700: #b30908;
  --dixa-color-red-800: #9e0302;
  --dixa-color-red-900: #870000;
  --dixa-color-neutral-100: #f5f7fa;
  --dixa-color-neutral-200: #e7ecf3;
  --dixa-color-neutral-300: #d7dfea;
  --dixa-color-neutral-400: #b5c1d4;
  --dixa-color-neutral-500: #8193b0;
  --dixa-color-neutral-600: #617598;
  --dixa-color-neutral-700: #45587c;
  --dixa-color-neutral-800: #263758;
  --dixa-color-neutral-900: #132243;
  --dixa-color-neutral-000: #ffffff;
  --dixa-effect-box-shadow-100: 0px 2px 4px #6176981a, 0px 1px 2px #6176980a;
  --dixa-effect-box-shadow-200: 0px 4px 8px #6176981a, 0px 2px 4px #6176980a;
  --dixa-effect-box-shadow-300: 0px 8px 16px #6176981a, 0px 4px 8px #6176980a;
  --dixa-effect-box-shadow-400: 0px 12px 24px #6176981a, 0px 8px 16px #6176980a;
  --dixa-effect-opacity-200: 0.2;
  --dixa-effect-opacity-500: 0.5;
  --dixa-size-spacer-100: 4px;
  --dixa-size-spacer-200: 8px;
  --dixa-size-spacer-250: 12px;
  --dixa-size-spacer-300: 16px;
  --dixa-size-spacer-400: 24px;
  --dixa-size-spacer-500: 32px;
  --dixa-size-border-radius-50: 2px;
  --dixa-size-border-radius-100: 4px;
  --dixa-size-border-100: 1px;
  --dixa-size-border-200: 2px;
  --dixa-typography-color-primary: #132244;
  --dixa-typography-color-secondary: #46597c;
  --dixa-typography-color-tertiary: #8294b0;
  --dixa-typography-color-success: #23924e;
  --dixa-typography-color-error: #c11d1d;
  --dixa-typography-color-warning: #e56500;
  --dixa-typography-color-link: #0078cc;
  --dixa-typography-family-default: Open Sans, Arial, sans-serif;
  --dixa-typography-family-code: Courier, Consolas, Monaco, Lucida Console, Liberation Mono;
  --dixa-typography-letter-spacing-100: -0.32px;
  --dixa-typography-letter-spacing-200: -0.24px;
  --dixa-typography-letter-spacing-300: -0.16px;
  --dixa-typography-letter-spacing-400: -0.08px;
  --dixa-typography-letter-spacing-500: 0px;
  --dixa-typography-letter-spacing-600: 0.08px;
  --dixa-typography-letter-spacing-700: 0.16px;
  --dixa-typography-letter-spacing-800: 0.24px;
  --dixa-typography-letter-spacing-900: 0.32px;
  --dixa-typography-line-height-100: 12px;
  --dixa-typography-line-height-200: 16px;
  --dixa-typography-line-height-300: 20px;
  --dixa-typography-line-height-400: 24px;
  --dixa-typography-size-100: 10px;
  --dixa-typography-size-200: 12px;
  --dixa-typography-size-300: 14px;
  --dixa-typography-size-400: 16px;
  --dixa-typography-size-500: 18px;
  --dixa-typography-size-600: 24px;
  --dixa-typography-weight-semibold: 600;
  --dixa-typography-weight-normal: 400;
}

[data-color-mode="dark"] {
  color-scheme: dark;
  --dixa-color-purple-100: #242033;
  --dixa-color-purple-200: #484166;
  --dixa-color-purple-300: #6c6199;
  --dixa-color-purple-400: #9082cc;
  --dixa-color-purple-500: #b4a2ff;
  --dixa-color-purple-600: #c3b5ff;
  --dixa-color-purple-700: #d2c7ff;
  --dixa-color-purple-800: #e1daff;
  --dixa-color-purple-900: #f0ecff;
  --dixa-color-green-100: #03271f;
  --dixa-color-green-200: #064d3f;
  --dixa-color-green-300: #08745e;
  --dixa-color-green-400: #0b9a7e;
  --dixa-color-green-500: #0ec19d;
  --dixa-color-green-600: #3ecdb1;
  --dixa-color-green-700: #6edac4;
  --dixa-color-green-800: #9fe6d8;
  --dixa-color-green-900: #cff3eb;
  --dixa-color-blue-100: #081a32;
  --dixa-color-blue-200: #0f3565;
  --dixa-color-blue-300: #174f97;
  --dixa-color-blue-400: #1e6aca;
  --dixa-color-blue-500: #2684fc;
  --dixa-color-blue-600: #519dfd;
  --dixa-color-blue-700: #7db5fd;
  --dixa-color-blue-800: #a8cefe;
  --dixa-color-blue-900: #d4e6fe;
  --dixa-color-orange-100: #321f05;
  --dixa-color-orange-200: #643d0b;
  --dixa-color-orange-300: #955c10;
  --dixa-color-orange-400: #c77a16;
  --dixa-color-orange-500: #f9991b;
  --dixa-color-orange-600: #faad49;
  --dixa-color-orange-700: #fbc276;
  --dixa-color-orange-800: #fdd6a4;
  --dixa-color-orange-900: #feebd1;
  --dixa-color-red-100: #310c0c;
  --dixa-color-red-200: #631918;
  --dixa-color-red-300: #942525;
  --dixa-color-red-400: #c63231;
  --dixa-color-red-500: #f73e3d;
  --dixa-color-red-600: #f96564;
  --dixa-color-red-700: #fa8b8b;
  --dixa-color-red-800: #fcb2b1;
  --dixa-color-red-900: #fdd8d8;
  --dixa-color-neutral-100: #23242c;
  --dixa-color-neutral-200: #2e3039;
  --dixa-color-neutral-300: #464650;
  --dixa-color-neutral-400: #62626a;
  --dixa-color-neutral-500: #7e7e85;
  --dixa-color-neutral-600: #99999f;
  --dixa-color-neutral-700: #b5b5b9;
  --dixa-color-neutral-800: #d1d1d3;
  --dixa-color-neutral-900: #ededee;
  --dixa-color-neutral-000: #1a1b23;
  --dixa-effect-box-shadow-100: 0px 2px 4px #0a0a0e4d, 0px 1px 2px #0a0a0e36;
  --dixa-effect-box-shadow-200: 0px 4px 8px #0a0a0e4d, 0px 2px 4px #0a0a0e36;
  --dixa-effect-box-shadow-300: 0px 8px 16px #0a0a0e4d, 0px 4px 8px #0a0a0e36;
  --dixa-effect-box-shadow-400: 0px 12px 24px #0a0a0e4d, 0px 8px 16px #0a0a0e36;
  --dixa-typography-color-primary: #e4e6ec;
  --dixa-typography-color-secondary: #aeafbb;
  --dixa-typography-color-tertiary: #7f818e;
  --dixa-typography-color-success: #3ecdb1;
  --dixa-typography-color-error: #f96564;
  --dixa-typography-color-warning: #faad49;
  --dixa-typography-color-link: #519dfd;
}