/* AUTOGENERATED from tokens.json - do not edit by hand.
 * Ladle Design System tokens v2026.4
 * Source: Figma SSOT - Design System (0XOQn0Iw4Q58nnp3k55Vxw)
 * Figma cover version 2026.4 [In progress], read 2026-09-23
 * If the Figma cover shows a different version, these tokens are stale.
 * Regenerate: python3 tokens/build.py
 */
:root {
  --color-purple-25: #fafbfc;
  --color-purple-50: #edebf9;
  --color-purple-100: #c7c1ee;
  --color-purple-200: #aca3e5;
  --color-purple-300: #867ad9;
  --color-purple-400: #6e60d2;
  --color-purple-500: #4a38c7;
  --color-purple-600: #4333b5;
  --color-purple-700: #35288d;
  --color-purple-800: #291f6d;
  --color-purple-900: #1f1854;
  --color-neutral-white: #ffffff;
  --color-neutral-50: #f5f7fa;
  --color-neutral-100: #dee1ed;
  --color-neutral-300: #a7aec9;
  --color-neutral-400: #848aa7;
  --color-neutral-500: #5e6380;
  --color-neutral-900: #2a2e45;
  --color-neutral-white-08: #ffffff14;
  --color-blue-50: #ecf7ff;
  --color-blue-100: #c5e7ff;
  --color-blue-200: #a9dcff;
  --color-blue-300: #81cbff;
  --color-blue-400: #69c1ff;
  --color-blue-500: #43b2ff;
  --color-blue-600: #3da2e8;
  --color-blue-700: #2f7cb2;
  --color-blue-800: #25618c;
  --color-blue-900: #1a4664;
  --color-green-50: #eafaf1;
  --color-green-100: #beefd3;
  --color-green-200: #9ddfb9;
  --color-green-300: #70d199;
  --color-green-400: #55c885;
  --color-green-500: #2aba67;
  --color-green-600: #25a85d;
  --color-green-700: #219150;
  --color-green-800: #19703e;
  --color-green-900: #124e2b;
  --color-red-50: #fdedec;
  --color-red-100: #f8c8c3;
  --color-red-200: #eaa9a3;
  --color-red-300: #e18279;
  --color-red-400: #db6a5f;
  --color-red-500: #d24537;
  --color-red-600: #bf3f32;
  --color-red-700: #a4362b;
  --color-red-800: #7f2a21;
  --color-red-900: #581d17;
  --color-orange-50: #fef5e7;
  --color-orange-100: #fbe0b6;
  --color-orange-200: #efcb91;
  --color-orange-300: #e8b35f;
  --color-orange-400: #e4a540;
  --color-orange-500: #dd8e10;
  --color-orange-600: #c9810f;
  --color-orange-700: #ad6f0d;
  --color-orange-800: #86560a;
  --color-orange-900: #482f06;
  --color-yellow-50: #fef9e6;
  --color-yellow-100: #fbedb0;
  --color-yellow-200: #f9e48a;
  --color-yellow-300: #f6d754;
  --color-yellow-400: #f5d033;
  --color-yellow-500: #f2c400;
  --color-yellow-600: #dcb200;
  --color-yellow-700: #ac8b00;
  --color-yellow-800: #856c00;
  --color-yellow-900: #4d3e00;
  --text-primary: #2a2e45;  /* -> {color.neutral.900} */
  --text-secondary: #5e6380;  /* -> {color.neutral.500} */
  --text-placeholder: #848aa7;  /* -> {color.neutral.400} */
  --text-red: #bf3f32;  /* -> {color.red.600} */
  --text-green: #19703e;  /* -> {color.green.800} */
  --text-link: #35288d;  /* -> {color.purple.700} */
  --text-white: #ffffff;  /* -> {color.neutral.white} */
  --background-white: #ffffff;  /* -> {color.neutral.white} */
  --background-grey: #f5f7fa;  /* -> {color.neutral.50} */
  --background-purple: #35288d;  /* -> {color.purple.700} */
  --lines-light-gray: #dee1ed;  /* -> {color.neutral.100} */
  --lines-gray: #a7aec9;  /* -> {color.neutral.300} */
  --lines-purple: #35288d;  /* -> {color.purple.700} */

  --elevation-soft: 0px 4px 24px 0px #2a2e4514;
  --elevation-medium: 0px 4px 32px 0px #2a2e451f;
  --elevation-hard: 0px 8px 40px 0px #2a2e4533;
  --elevation-focus: 0px 0px 4px 0px #35288d4d;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-80: 80px;

  --typography-heading-44-family: Poppins, sans-serif;
  --typography-heading-44-weight: 700;
  --typography-heading-44-size: 44px;
  --typography-heading-44-line-height: 1.3;
  --typography-heading-44-tracking: normal;
  --typography-heading-40-family: Poppins, sans-serif;
  --typography-heading-40-weight: 700;
  --typography-heading-40-size: 40px;
  --typography-heading-40-line-height: 1.3;
  --typography-heading-40-tracking: normal;
  --typography-heading-26-family: Poppins, sans-serif;
  --typography-heading-26-weight: 700;
  --typography-heading-26-size: 26px;
  --typography-heading-26-line-height: 1.3;
  --typography-heading-26-tracking: normal;
  --typography-heading-22-family: Poppins, sans-serif;
  --typography-heading-22-weight: 700;
  --typography-heading-22-size: 22px;
  --typography-heading-22-line-height: 1.3;
  --typography-heading-22-tracking: normal;
  --typography-heading-18-family: Poppins, sans-serif;
  --typography-heading-18-weight: 700;
  --typography-heading-18-size: 18px;
  --typography-heading-18-line-height: 1.3;
  --typography-heading-18-tracking: normal;
  --typography-heading-16-family: Poppins, sans-serif;
  --typography-heading-16-weight: 700;
  --typography-heading-16-size: 16px;
  --typography-heading-16-line-height: 1.3;
  --typography-heading-16-tracking: normal;
  --typography-heading-14-family: Poppins, sans-serif;
  --typography-heading-14-weight: 700;
  --typography-heading-14-size: 14px;
  --typography-heading-14-line-height: 1.3;
  --typography-heading-14-tracking: normal;
  --typography-body-18-family: Poppins, sans-serif;
  --typography-body-18-weight: 400;
  --typography-body-18-size: 18px;
  --typography-body-18-line-height: 1.3;
  --typography-body-18-tracking: normal;
  --typography-body-16-family: Poppins, sans-serif;
  --typography-body-16-weight: 400;
  --typography-body-16-size: 16px;
  --typography-body-16-line-height: 1.3;
  --typography-body-16-tracking: normal;
  --typography-body-14-family: Poppins, sans-serif;
  --typography-body-14-weight: 400;
  --typography-body-14-size: 14px;
  --typography-body-14-line-height: 1.3;
  --typography-body-14-tracking: normal;
  --typography-body-12-family: Poppins, sans-serif;
  --typography-body-12-weight: 400;
  --typography-body-12-size: 12px;
  --typography-body-12-line-height: 1.3;
  --typography-body-12-tracking: normal;
  --typography-body-10-family: Poppins, sans-serif;
  --typography-body-10-weight: 400;
  --typography-body-10-size: 10px;
  --typography-body-10-line-height: 1.3;
  --typography-body-10-tracking: normal;
  --typography-body-medium-18-family: Poppins, sans-serif;
  --typography-body-medium-18-weight: 500;
  --typography-body-medium-18-size: 18px;
  --typography-body-medium-18-line-height: 1.3;
  --typography-body-medium-18-tracking: normal;
  --typography-body-medium-16-family: Poppins, sans-serif;
  --typography-body-medium-16-weight: 500;
  --typography-body-medium-16-size: 16px;
  --typography-body-medium-16-line-height: 1.3;
  --typography-body-medium-16-tracking: normal;
  --typography-body-medium-14-family: Poppins, sans-serif;
  --typography-body-medium-14-weight: 500;
  --typography-body-medium-14-size: 14px;
  --typography-body-medium-14-line-height: 1.3;
  --typography-body-medium-14-tracking: normal;
  --typography-body-medium-12-family: Poppins, sans-serif;
  --typography-body-medium-12-weight: 500;
  --typography-body-medium-12-size: 12px;
  --typography-body-medium-12-line-height: 1.3;
  --typography-body-medium-12-tracking: normal;
  --typography-body-medium-10-family: Poppins, sans-serif;
  --typography-body-medium-10-weight: 500;
  --typography-body-medium-10-size: 10px;
  --typography-body-medium-10-line-height: 1.3;
  --typography-body-medium-10-tracking: normal;
  --typography-link-button-16-family: Poppins, sans-serif;
  --typography-link-button-16-weight: 500;
  --typography-link-button-16-size: 16px;
  --typography-link-button-16-line-height: 1.3;
  --typography-link-button-16-tracking: normal;
  --typography-link-button-14-family: Poppins, sans-serif;
  --typography-link-button-14-weight: 500;
  --typography-link-button-14-size: 14px;
  --typography-link-button-14-line-height: 1.3;
  --typography-link-button-14-tracking: normal;
  --typography-link-button-12-family: Poppins, sans-serif;
  --typography-link-button-12-weight: 500;
  --typography-link-button-12-size: 12px;
  --typography-link-button-12-line-height: 1.3;
  --typography-link-button-12-tracking: normal;
  --typography-caption-14-family: Poppins, sans-serif;
  --typography-caption-14-weight: 600;
  --typography-caption-14-size: 14px;
  --typography-caption-14-line-height: 1.3;
  --typography-caption-14-tracking: 0.04em;
  --typography-caption-12-family: Poppins, sans-serif;
  --typography-caption-12-weight: 600;
  --typography-caption-12-size: 12px;
  --typography-caption-12-line-height: 1.3;
  --typography-caption-12-tracking: 0.04em;
  --typography-caption-10-family: Poppins, sans-serif;
  --typography-caption-10-weight: 600;
  --typography-caption-10-size: 10px;
  --typography-caption-10-line-height: 1.3;
  --typography-caption-10-tracking: 0.04em;
}

.typography-heading-44 {
  font: var(--typography-heading-44-weight) var(--typography-heading-44-size)/var(--typography-heading-44-line-height) var(--typography-heading-44-family);
  letter-spacing: var(--typography-heading-44-tracking);
}
.typography-heading-40 {
  font: var(--typography-heading-40-weight) var(--typography-heading-40-size)/var(--typography-heading-40-line-height) var(--typography-heading-40-family);
  letter-spacing: var(--typography-heading-40-tracking);
}
.typography-heading-26 {
  font: var(--typography-heading-26-weight) var(--typography-heading-26-size)/var(--typography-heading-26-line-height) var(--typography-heading-26-family);
  letter-spacing: var(--typography-heading-26-tracking);
}
.typography-heading-22 {
  font: var(--typography-heading-22-weight) var(--typography-heading-22-size)/var(--typography-heading-22-line-height) var(--typography-heading-22-family);
  letter-spacing: var(--typography-heading-22-tracking);
}
.typography-heading-18 {
  font: var(--typography-heading-18-weight) var(--typography-heading-18-size)/var(--typography-heading-18-line-height) var(--typography-heading-18-family);
  letter-spacing: var(--typography-heading-18-tracking);
}
.typography-heading-16 {
  font: var(--typography-heading-16-weight) var(--typography-heading-16-size)/var(--typography-heading-16-line-height) var(--typography-heading-16-family);
  letter-spacing: var(--typography-heading-16-tracking);
}
.typography-heading-14 {
  font: var(--typography-heading-14-weight) var(--typography-heading-14-size)/var(--typography-heading-14-line-height) var(--typography-heading-14-family);
  letter-spacing: var(--typography-heading-14-tracking);
}
.typography-body-18 {
  font: var(--typography-body-18-weight) var(--typography-body-18-size)/var(--typography-body-18-line-height) var(--typography-body-18-family);
  letter-spacing: var(--typography-body-18-tracking);
}
.typography-body-16 {
  font: var(--typography-body-16-weight) var(--typography-body-16-size)/var(--typography-body-16-line-height) var(--typography-body-16-family);
  letter-spacing: var(--typography-body-16-tracking);
}
.typography-body-14 {
  font: var(--typography-body-14-weight) var(--typography-body-14-size)/var(--typography-body-14-line-height) var(--typography-body-14-family);
  letter-spacing: var(--typography-body-14-tracking);
}
.typography-body-12 {
  font: var(--typography-body-12-weight) var(--typography-body-12-size)/var(--typography-body-12-line-height) var(--typography-body-12-family);
  letter-spacing: var(--typography-body-12-tracking);
}
.typography-body-10 {
  font: var(--typography-body-10-weight) var(--typography-body-10-size)/var(--typography-body-10-line-height) var(--typography-body-10-family);
  letter-spacing: var(--typography-body-10-tracking);
}
.typography-body-medium-18 {
  font: var(--typography-body-medium-18-weight) var(--typography-body-medium-18-size)/var(--typography-body-medium-18-line-height) var(--typography-body-medium-18-family);
  letter-spacing: var(--typography-body-medium-18-tracking);
}
.typography-body-medium-16 {
  font: var(--typography-body-medium-16-weight) var(--typography-body-medium-16-size)/var(--typography-body-medium-16-line-height) var(--typography-body-medium-16-family);
  letter-spacing: var(--typography-body-medium-16-tracking);
}
.typography-body-medium-14 {
  font: var(--typography-body-medium-14-weight) var(--typography-body-medium-14-size)/var(--typography-body-medium-14-line-height) var(--typography-body-medium-14-family);
  letter-spacing: var(--typography-body-medium-14-tracking);
}
.typography-body-medium-12 {
  font: var(--typography-body-medium-12-weight) var(--typography-body-medium-12-size)/var(--typography-body-medium-12-line-height) var(--typography-body-medium-12-family);
  letter-spacing: var(--typography-body-medium-12-tracking);
}
.typography-body-medium-10 {
  font: var(--typography-body-medium-10-weight) var(--typography-body-medium-10-size)/var(--typography-body-medium-10-line-height) var(--typography-body-medium-10-family);
  letter-spacing: var(--typography-body-medium-10-tracking);
}
.typography-link-button-16 {
  font: var(--typography-link-button-16-weight) var(--typography-link-button-16-size)/var(--typography-link-button-16-line-height) var(--typography-link-button-16-family);
  letter-spacing: var(--typography-link-button-16-tracking);
}
.typography-link-button-14 {
  font: var(--typography-link-button-14-weight) var(--typography-link-button-14-size)/var(--typography-link-button-14-line-height) var(--typography-link-button-14-family);
  letter-spacing: var(--typography-link-button-14-tracking);
}
.typography-link-button-12 {
  font: var(--typography-link-button-12-weight) var(--typography-link-button-12-size)/var(--typography-link-button-12-line-height) var(--typography-link-button-12-family);
  letter-spacing: var(--typography-link-button-12-tracking);
}
.typography-caption-14 {
  font: var(--typography-caption-14-weight) var(--typography-caption-14-size)/var(--typography-caption-14-line-height) var(--typography-caption-14-family);
  letter-spacing: var(--typography-caption-14-tracking);
}
.typography-caption-12 {
  font: var(--typography-caption-12-weight) var(--typography-caption-12-size)/var(--typography-caption-12-line-height) var(--typography-caption-12-family);
  letter-spacing: var(--typography-caption-12-tracking);
}
.typography-caption-10 {
  font: var(--typography-caption-10-weight) var(--typography-caption-10-size)/var(--typography-caption-10-line-height) var(--typography-caption-10-family);
  letter-spacing: var(--typography-caption-10-tracking);
}