/* Generated from canonical Momentum tokens; do not hand-edit. SHA256 db356fe037d9d31654d1c1df112dab1580a0e1ba048f1ab385729e5edd971084 */
:root {
  --klaar-color-canvas: #F0F5FF;
  --klaar-color-surface: #FFFFFF;
  --klaar-color-surfaceSubtle: #EAF0FC;
  --klaar-color-surfaceRaised: #FFFFFF;
  --klaar-color-textPrimary: #142444;
  --klaar-color-textSecondary: #425572;
  --klaar-color-textMuted: #566987;
  --klaar-color-borderSubtle: #CCD8EE;
  --klaar-color-borderStrong: #7185A6;
  --klaar-color-actionPrimary: #214FD1;
  --klaar-color-actionHover: #173EAD;
  --klaar-color-actionPressed: #12328C;
  --klaar-color-onAction: #FFFFFF;
  --klaar-color-accent: #214FD1;
  --klaar-color-accentHover: #173EAD;
  --klaar-color-accentPressed: #12328C;
  --klaar-color-accentSubtle: #E7EEFF;
  --klaar-color-onAccent: #FFFFFF;
  --klaar-color-success: #176440;
  --klaar-color-successSubtle: #E5F5EC;
  --klaar-color-warning: #805008;
  --klaar-color-warningSubtle: #FFF3DB;
  --klaar-color-danger: #AD2929;
  --klaar-color-dangerSubtle: #FFF0EF;
  --klaar-color-info: #214FD1;
  --klaar-color-infoSubtle: #E7EEFF;
  --klaar-color-disabledBg: #E0E8F6;
  --klaar-color-disabledText: #5B6D89;
  --klaar-color-focus: #214FD1;
  --klaar-color-hero: #DFE9FF;
  --klaar-color-heroBorder: #C6D7FC;
  --klaar-color-decorativeApricot: #F7B779;
  --klaar-color-decorativeApricotSubtle: #FFF1E1;
  --klaar-color-decorativeApricotLine: #C8782D;
  --klaar-color-onDanger: #FFFFFF;
  --klaar-shadow-flat: 0px 0px 0px 0px rgb(20 36 68 / 0);
  --klaar-shadow-raised: 0px 4px 6px -4px rgb(31 63 123 / 0.06), 0px 16px 40px -20px rgb(31 63 123 / 0.16);
  --klaar-shadow-overlay: 0px 8px 24px -12px rgb(23 54 120 / 0.2), 0px 28px 72px -20px rgb(23 54 120 / 0.24);
  --klaar-shadow-action: 0px 5px 12px -6px rgb(33 79 209 / 0.5);
  --klaar-shadow-actionHover: 0px 7px 18px -7px rgb(33 79 209 / 0.55);
  --klaar-shadow-documentArt: 0px 8px 12px -8px rgb(13 28 59 / 0.25);
  --klaar-shadow-sourcePaper: 0px 5px 14px -10px rgb(13 28 59 / 0.2);
  --klaar-space-0: 0px;
  --klaar-space-2: 2px;
  --klaar-space-4: 4px;
  --klaar-space-8: 8px;
  --klaar-space-12: 12px;
  --klaar-space-16: 16px;
  --klaar-space-20: 20px;
  --klaar-space-24: 24px;
  --klaar-space-28: 28px;
  --klaar-space-32: 32px;
  --klaar-space-36: 36px;
  --klaar-space-40: 40px;
  --klaar-space-48: 48px;
  --klaar-space-56: 56px;
  --klaar-space-64: 64px;
  --klaar-space-80: 80px;
  --klaar-space-96: 96px;
  --klaar-radius-button: 999px;
  --klaar-radius-field: 16px;
  --klaar-radius-option: 16px;
  --klaar-radius-card: 28px;
  --klaar-radius-cardMobile: 24px;
  --klaar-radius-dialog: 28px;
  --klaar-radius-dialogMobile: 24px;
  --klaar-radius-assistant: 24px;
  --klaar-radius-popover: 16px;
  --klaar-radius-badge: 999px;
  --klaar-radius-tag: 8px;
  --klaar-radius-iconButton: 999px;
  --klaar-radius-toast: 999px;
  --klaar-radius-toastMobile: 20px;
  --klaar-radius-sourcePaper: 18px;
  --klaar-radius-providerMark: 14px;
  --klaar-radius-emptyIllustrationContainer: 22px;
  --klaar-radius-documentArt: 12px;
  --klaar-size-buttonMinHeight: 52px;
  --klaar-size-inputMinHeight: 56px;
  --klaar-size-optionMinHeight: 64px;
  --klaar-size-iconButtonMin: 44px;
  --klaar-size-touchTargetMin: 44px;
  --klaar-size-selectionIndicator: 20px;
  --klaar-size-tableRowComfortable: 56px;
  --klaar-size-tableRowCompact: 44px;
  --klaar-size-headerMobile: 72px;
  --klaar-size-headerDesktop: 80px;
  --klaar-size-progressRail: 224px;
  --klaar-size-progressRailCompact: 204px;
  --klaar-size-helpDrawer: 420px;
  --klaar-size-dialogMax: 560px;
  --klaar-size-questionMax: 680px;
  --klaar-size-reviewMax: 1120px;
  --klaar-size-marketingMax: 1200px;
  --klaar-size-workspaceMax: 1440px;
  --klaar-size-progressTrack: 8px;
  --klaar-size-stepCircle: 32px;
  --klaar-size-stepMinHeight: 68px;
  --klaar-layout-pagePaddingSmall: 16px;
  --klaar-layout-pagePaddingMobile: 20px;
  --klaar-layout-pagePaddingDesktop: 32px;
  --klaar-layout-railGap: 36px;
  --klaar-layout-railGapCompact: 28px;
  --klaar-layout-overviewGap: 24px;
  --klaar-layout-cardPaddingDesktop: 28px;
  --klaar-layout-cardPaddingMobile: 22px;
  --klaar-layout-heroPaddingDesktop: 32px;
  --klaar-layout-heroPaddingMobile: 24px;
  --klaar-layout-dialogPaddingDesktop: 28px;
  --klaar-layout-dialogPaddingMobile: 24px;
  --klaar-layout-questionCardGapDesktop: 28px;
  --klaar-layout-questionCardGapMobile: 24px;
  --klaar-layout-optionPaddingDesktop: 18px;
  --klaar-layout-optionPaddingMobile: 16px;
  --klaar-layout-buttonPaddingInlineDesktop: 24px;
  --klaar-layout-buttonPaddingInlineMobile: 20px;
  --klaar-layout-inputPaddingInline: 16px;
  --klaar-layout-actionGapDesktop: 16px;
  --klaar-layout-actionGapMobile: 8px;
  --klaar-border-default: 1px;
  --klaar-border-invalid: 2px;
  --klaar-border-focusWidth: 2px;
  --klaar-border-focusOffset: 2px;
  --klaar-border-divider: 1px;
}