/* ========================================
 * Theme: dark / takt
 * DO NOT EDIT — regenerate with: node transform-tokens.js
 * Version: 1.36.0
 * ======================================== */

[data-theme="dark"][data-brand="takt"],
[data-theme="dark"] [data-brand="takt"]:not([data-theme="dark"]) {

  /* ── Colors ── */
  --ds-color-primary: #F0486B;
  --ds-color-primaryInk: #F0486B;
  --ds-color-link: #F0486B;
  --ds-color-linkHover: #F36B87;
  --ds-color-primaryHover: #F36B87;
  --ds-color-primaryActive: #F78EA3;
  --ds-color-primarySubtle: #260000;
  --ds-color-primarySubtleHover: #530009;
  --ds-color-primarySubtleActive: #820022;
  --ds-color-primaryEmphasis: #FA546E;
  --ds-color-primaryContainer: #530009;
  --ds-color-onPrimary: #17132A;
  --ds-color-onPrimaryContainer: #F78EA3;
  --ds-color-onPrimarySubtle: #F78EA3;
  --ds-color-selectionBackground: #260000;
  --ds-color-selectionText: #F78EA3;
  --ds-color-primarySurface: #F36B87;
  --ds-color-primarySurfaceVariant: #260000;
  --ds-color-secondary: #948CB0;
  --ds-color-secondaryHover: #B2AACF;
  --ds-color-secondaryActive: #DAD5EA;
  --ds-color-secondarySubtle: #1F1A38;
  --ds-color-secondarySubtleHover: #282246;
  --ds-color-secondarySubtleActive: #332D56;
  --ds-color-secondaryEmphasis: #B2AACF;
  --ds-color-secondaryContainer: #DAD5EA;
  --ds-color-onSecondary: #17132A;
  --ds-color-onSecondaryContainer: #17132A;
  --ds-color-onSecondarySubtle: #F1EDFB;
  --ds-color-surface: #1F1A38;
  --ds-color-surfaceVariant: #1F1A38;
  --ds-color-surfaceContainer: #1F1A38;
  --ds-color-surfaceContainerLow: #17132A;
  --ds-color-surfaceContainerHigh: #282246;
  --ds-color-surfaceContainerHighest: #332D56;
  --ds-color-surfaceContainerHover: #282246;
  --ds-color-surfaceContainerActive: #332D56;
  --ds-color-onSurface: #F1EDFB;
  --ds-color-onSurfaceVariant: #B2AACF;
  --ds-color-onSurfaceSubtle: #B2AACF;
  --ds-color-errorSurface: #2C1207;
  --ds-color-infoSurface: #172554;
  --ds-color-successSurface: #0C2008;
  --ds-color-warningSurface: #261800;
  --ds-color-outline: #B2AACF;
  --ds-color-outlineVariant: #282246;
  --ds-color-outlineStrong: #DAD5EA;
  --ds-color-error: #F98551;
  --ds-color-errorHover: #FBA47D;
  --ds-color-errorActive: #FFBEA3;
  --ds-color-errorSubtle: #3C2115;
  --ds-color-errorSubtleHover: #881337;
  --ds-color-errorSubtleActive: #9F1239;
  --ds-color-errorEmphasis: #F98551;
  --ds-color-errorStrong: #FFD5C4;
  --ds-color-errorContainer: #341A0E;
  --ds-color-onError: #17132A;
  --ds-color-onErrorContainer: #F1EDFB;
  --ds-color-onErrorSubtle: #FFD5C4;
  --ds-color-success: #14f1a4;
  --ds-color-successHover: #37ffb1;
  --ds-color-successActive: #4dffbd;
  --ds-color-successSubtle: #183013;
  --ds-color-successSubtleHover: #14532D;
  --ds-color-successSubtleActive: #166534;
  --ds-color-successEmphasis: #67C751;
  --ds-color-successStrong: #BBF1AF;
  --ds-color-successContainer: #12280D;
  --ds-color-onSuccess: #17132A;
  --ds-color-onSuccessContainer: #F1EDFB;
  --ds-color-onSuccessSubtle: #BBF1AF;
  --ds-color-warning: #FFB700;
  --ds-color-warningHover: #FFC947;
  --ds-color-warningActive: #FFD692;
  --ds-color-warningSubtle: #362606;
  --ds-color-warningSubtleHover: #7D5D00;
  --ds-color-warningSubtleActive: #A87D00;
  --ds-color-warningEmphasis: #FFB700;
  --ds-color-warningStrong: #FFE5BA;
  --ds-color-warningContainer: #2E1E00;
  --ds-color-onWarning: #17132A;
  --ds-color-onWarningContainer: #F1EDFB;
  --ds-color-onWarningSubtle: #FFE5BA;
  --ds-color-info: #60A5FA;
  --ds-color-infoHover: #93C5FD;
  --ds-color-infoActive: #BFDBFE;
  --ds-color-infoSubtle: #172554;
  --ds-color-infoSubtleHover: #1E3A8A;
  --ds-color-infoSubtleActive: #1E40AF;
  --ds-color-infoEmphasis: #3B82F6;
  --ds-color-infoStrong: #93C5FD;
  --ds-color-infoContainer: #172554;
  --ds-color-onInfo: #17132A;
  --ds-color-onInfoContainer: #BFDBFE;
  --ds-color-onInfoSubtle: #BFDBFE;
  --ds-color-indigo: #3EC5AA;
  --ds-color-indigoHover: #5FD6BF;
  --ds-color-indigoSubtle: #132F28;
  --ds-color-indigoEmphasis: #8FE3CE;
  --ds-color-indigoStrong: #8FE3CE;
  --ds-color-indigoContainer: #0B2721;
  --ds-color-indigoSurface: #04201A;
  --ds-color-indigoInk: #8FE3CE;
  --ds-color-brandMark: #BBF1AF;
  --ds-color-accent: #F0486B;
  --ds-color-onAccent: #17132A;
  --ds-color-onIndigo: #17132A;
  --ds-color-onIndigoSubtle: #9FF3DE;
  --ds-color-tertiary: #8B7CF0;
  --ds-color-tertiaryHover: #A99EF5;
  --ds-color-tertiarySubtle: #ECE8FC;
  --ds-color-tertiaryEmphasis: #A99EF5;
  --ds-color-tertiaryInk: #A99EF5;
  --ds-color-tertiaryStrong: #A99EF5;
  --ds-color-tertiaryContainer: #201C3B;
  --ds-color-onTertiary: #17132A;
  --ds-color-onTertiarySubtle: #3D0388;
  --ds-color-onTertiaryContainer: #F1EDFB;
  --ds-color-footerBand: #7242DE;
  --ds-color-inverseSurface: #120E22;
  --ds-color-inverseSurfaceRaised: #1F1A38;
  --ds-color-inverseSurfaceHigh: #282246;
  --ds-color-onInverseSurface: #F1EDFB;
  --ds-color-onInverseSurfaceVariant: #B2AACF;
  --ds-color-inversePrimary: #260000;
  --ds-color-surfaceAlt: #17132A;
  --ds-color-divider: #282246;
  --ds-color-linesInputs: #DAD5EA;
  --ds-color-disabledText: #B2AACF;
  --ds-color-disabledBackground: #1F1A38;
  --ds-color-disabledBorder: #282246;
  --ds-color-grey-50: #F8FAFC;
  --ds-color-grey-100: #F1F5F9;
  --ds-color-grey-200: #E2E8F0;
  --ds-color-grey-300: #CBD5E1;
  --ds-color-grey-400: #94A3B8;
  --ds-color-grey-500: #64748B;
  --ds-color-grey-600: #475569;
  --ds-color-grey-700: #334155;
  --ds-color-grey-800: #1E293B;
  --ds-color-grey-900: #0F172A;
  --ds-color-chart-series1: #F0486B;
  --ds-color-chart-series2: #8B7CF0;
  --ds-color-chart-series3: #3EC5AA;
  --ds-color-chart-series4: #FFB700;
  --ds-color-chart-series5: #B5E9FE;
  --ds-color-chart-series6: #A83D9E;
  --ds-color-chart-series7: #EEE0A7;
  --ds-color-chart-series8: #C29FFD;
  --ds-color-chart-sequential100: #BFDBFE;
  --ds-color-chart-sequential300: #60A5FA;
  --ds-color-chart-sequential500: #2563EB;
  --ds-color-chart-sequential700: #1E40AF;
  --ds-color-chart-sequential900: #172554;
  --ds-color-chart-divergingLow: #E11D48;
  --ds-color-chart-divergingMid: #E2E8F0;
  --ds-color-chart-divergingHigh: #16A34A;
  --ds-color-controlIndicator: #B2AACF;
  --ds-color-controlBoundary: #B2AACF;
  --ds-color-onControlIndicator: #1F1A38;
  --ds-color-focusRing: #E8355A;
  --ds-color-focusRingInverse: #FFFFFF;
  --ds-color-iconDefault: #F1EDFB;
  --ds-color-iconInteractive: #F0486B;
  --ds-color-iconMuted: #B2AACF;
  --ds-color-pageBackground: #1F1A38;
  --ds-color-scrimBottom: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  --ds-color-scrimTop: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  --ds-color-scrimBrandBottom: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  --ds-color-scrimBrandTop: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  --ds-color-heroWash: radial-gradient(ellipse 60% 90% at 80% 10%, rgba(240, 72, 107, 0.30), transparent 60%), linear-gradient(120deg, #120E22 0%, #282246 55%, #F0486B 130%);

  /* ── Overlays ── */
  --ds-overlay-hover: rgba(255, 255, 255, 0.08);
  --ds-overlay-hoverStrong: rgba(255, 255, 255, 0.12);
  --ds-overlay-active: rgba(255, 255, 255, 0.16);
  --ds-overlay-focus: rgba(255, 255, 255, 0.16);
  --ds-overlay-selected: rgba(255, 255, 255, 0.12);
  --ds-overlay-disabled: rgba(255, 255, 255, 0.38);
  --ds-overlay-surfaceGlass: rgba(0, 0, 0, 0.90);
  --ds-overlay-surfaceGlassSubtle: rgba(0, 0, 0, 0.25);
  --ds-overlay-surfaceGlassInverse: rgba(255, 255, 255, 0.90);
  --ds-overlay-scrim: rgba(0, 0, 0, 0.6);
  --ds-overlay-hoverInverse: rgba(255, 255, 255, 0.05);
  --ds-overlay-skeleton: rgba(255, 255, 255, 0.16);
  --ds-overlay-skeletonHighlight: rgba(255, 255, 255, 0.5);
  --ds-overlay-glassBlur: 8px;
  --ds-overlay-blur-sm: 4px;
  --ds-overlay-blur-md: 12px;
  --ds-overlay-blur-lg: 24px;

  /* ── Elevation ── */
  --ds-elevation-level-000: none;
  --ds-elevation-level-001: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-elevation-level-002: inset 0px 0px 0px 9999px rgba(255,255,255,0.07), 0px 4px 6px 0px rgba(255,255,255,0.08);
  --ds-elevation-level-003: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-elevation-level-004: inset 0px 0px 0px 9999px rgba(255,255,255,0.09), 0px 16px 32px 0px rgba(255,255,255,0.12);
  --ds-elevation-float: inset 0px 0px 0px 9999px rgba(255,255,255,0.07), 0px 4px 4px 0px rgba(255,255,255,0.12);

  /* ── Typography ── */
  --ds-typography-display-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-typography-display-font-size: 48px;
  --ds-typography-display-font-weight: 700;
  --ds-typography-display-line-height: 1.1;
  --ds-typography-display-letter-spacing: -0.015em;
  --ds-typography-heading1-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-typography-heading1-font-size: 56px;
  --ds-typography-heading1-font-weight: 700;
  --ds-typography-heading1-line-height: 1.1;
  --ds-typography-heading1-letter-spacing: -0.015em;
  --ds-typography-heading2-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-typography-heading2-font-size: 44px;
  --ds-typography-heading2-font-weight: 700;
  --ds-typography-heading2-line-height: 1.1;
  --ds-typography-heading2-letter-spacing: -0.015em;
  --ds-typography-heading3-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-typography-heading3-font-size: 36px;
  --ds-typography-heading3-font-weight: 700;
  --ds-typography-heading3-line-height: 1.1;
  --ds-typography-heading3-letter-spacing: -0.015em;
  --ds-typography-heading4-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-typography-heading4-font-size: 28px;
  --ds-typography-heading4-font-weight: 700;
  --ds-typography-heading4-line-height: 1.1;
  --ds-typography-heading4-letter-spacing: -0.015em;
  --ds-typography-heading5-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-typography-heading5-font-size: 20px;
  --ds-typography-heading5-font-weight: 700;
  --ds-typography-heading5-line-height: 1.375;
  --ds-typography-heading5-letter-spacing: 0em;
  --ds-typography-heading6-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-typography-heading6-font-size: 16px;
  --ds-typography-heading6-font-weight: 700;
  --ds-typography-heading6-line-height: 1.5;
  --ds-typography-heading6-letter-spacing: 0em;
  --ds-typography-body-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-typography-body-font-size: 16px;
  --ds-typography-body-font-weight: 400;
  --ds-typography-body-line-height: 1.5;
  --ds-typography-body-letter-spacing: 0em;
  --ds-typography-bodySmall-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-typography-bodySmall-font-size: 14px;
  --ds-typography-bodySmall-font-weight: 400;
  --ds-typography-bodySmall-line-height: 1.5;
  --ds-typography-bodySmall-letter-spacing: 0em;
  --ds-typography-bodyLarge-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-typography-bodyLarge-font-size: 18px;
  --ds-typography-bodyLarge-font-weight: 400;
  --ds-typography-bodyLarge-line-height: 1.625;
  --ds-typography-bodyLarge-letter-spacing: 0em;
  --ds-typography-label-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-typography-label-font-size: 14px;
  --ds-typography-label-font-weight: 700;
  --ds-typography-label-line-height: 1.5;
  --ds-typography-label-letter-spacing: 0.03em;
  --ds-typography-titleMedium-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-typography-titleMedium-font-size: 18px;
  --ds-typography-titleMedium-font-weight: 700;
  --ds-typography-titleMedium-line-height: 1.25;
  --ds-typography-titleMedium-letter-spacing: 0em;
  --ds-typography-action-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-typography-action-font-size: 16px;
  --ds-typography-action-font-weight: 700;
  --ds-typography-action-line-height: 1.5;
  --ds-typography-action-letter-spacing: 0.03em;
  --ds-typography-labelSmall-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-typography-labelSmall-font-size: 12px;
  --ds-typography-labelSmall-font-weight: 700;
  --ds-typography-labelSmall-line-height: 1.5;
  --ds-typography-labelSmall-letter-spacing: 0.03em;
  --ds-typography-caption-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-typography-caption-font-size: 12px;
  --ds-typography-caption-font-weight: 400;
  --ds-typography-caption-line-height: 1.5;
  --ds-typography-caption-letter-spacing: 0em;
  --ds-typography-overline-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-typography-overline-font-size: 10px;
  --ds-typography-overline-font-weight: 700;
  --ds-typography-overline-line-height: 1.5;
  --ds-typography-overline-letter-spacing: 0.08em;
  --ds-typography-code-font-family: Spline Sans Mono, ui-monospace, SFMono-Regular, Menlo, monospace;
  --ds-typography-code-font-size: 14px;
  --ds-typography-code-font-weight: 400;
  --ds-typography-code-line-height: 1.5;
  --ds-typography-code-letter-spacing: 0em;
  --ds-typography-scale-headingPhone: 0.82;
  --ds-typography-scale-headingTablet: 0.92;
  --ds-typography-lineHeight-xs: 1.2;
  --ds-typography-lineHeight-sm: 1.35;
  --ds-typography-lineHeight-md: 1.5;
  --ds-typography-lineHeight-lg: 1.7;
  --ds-typography-letterSpacing-tight: -0.015em;
  --ds-typography-letterSpacing-normal: 0em;
  --ds-typography-letterSpacing-wide: 0.03em;
  --ds-typography-letterSpacing-wider: 0.08em;
  --ds-typography-baseFontSize: 16px;
  --ds-typography-weight-regular: 400;
  --ds-typography-weight-medium: 500;
  --ds-typography-weight-semiBold: 600;
  --ds-typography-weight-bold: 700;
  --ds-typography-featureSettings-tabular: "tnum" 1, "lnum" 1;
  --ds-typography-featureSettings-normal: normal;
  --ds-typography-variantNumeric-tabular: tabular-nums lining-nums;
  --ds-typography-variantNumeric-normal: normal;
  --ds-typography-numeric-tabular: "tnum" 1, "lnum" 1;
  --ds-typography-numeric-normal: normal;
  --ds-typography-underlineOffset: 2px;
  --ds-typography-underlineThickness: 1px;

  /* ── Font Sizes ── */
  --ds-fontSize-xs: 10px;
  --ds-fontSize-sm: 12px;
  --ds-fontSize-md: 14px;
  --ds-fontSize-base: 16px;
  --ds-fontSize-lg: 18px;
  --ds-fontSize-xl: 20px;
  --ds-fontSize-2xl: 24px;
  --ds-fontSize-3xl: 30px;
  --ds-fontSize-4xl: 36px;
  --ds-fontSize-5xl: 48px;
  --ds-fontSize-6xl: 60px;
  --ds-fontSize-7xl: 72px;
  --ds-fontSize-8xl: 96px;

  /* ── Radius ── */
  --ds-radius-base: 8px;
  --ds-radius-none: 0px;
  --ds-radius-xs: 1px;
  --ds-radius-sm: 2px;
  --ds-radius-md: 8px;
  --ds-radius-lg: 10px;
  --ds-radius-xl: 12px;
  --ds-radius-2xl: 14px;
  --ds-radius-3xl: 16px;
  --ds-radius-full: 9999px;
  --ds-radius-nestedMin: 4px;
  --ds-radius-inner: 1px;
  --ds-radius-element: 2px;
  --ds-radius-container: 10px;
  --ds-radius-page: 12px;

  /* ── Spacing ── */
  --ds-space-none: 0px;
  --ds-space-hairline: 1px;
  --ds-space-xxs: 2px;
  --ds-space-xs: 4px;
  --ds-space-2xs: 6px;
  --ds-space-sm: 8px;
  --ds-space-2sm: 12px;
  --ds-space-md: 16px;
  --ds-space-2md: 20px;
  --ds-space-lg: 24px;
  --ds-space-xl: 32px;
  --ds-space-xlPlus: 40px;
  --ds-space-2xl: 48px;
  --ds-space-3xl: 64px;
  --ds-space-4xl: 96px;
  --ds-space-paddingCompact: 10px;
  --ds-space-paddingStandard: 12px;
  --ds-space-paddingWide: 14px;
  --ds-space-paddingExtraWide: 18px;

  /* ── Sizes ── */
  --ds-size-popupMaxWidth: 640px;
  --ds-size-popupMaxWidthSmall: 320px;
  --ds-size-popupMaxHeight: 320px;
  --ds-size-dotSm: 8px;
  --ds-size-dotMd: 12px;
  --ds-size-labelSlot: 32px;
  --ds-size-targetMin: 24px;
  --ds-size-touchTarget: 44px;
  --ds-size-iconButtonMd: 36px;

  /* ── Content Measures ── */
  --ds-measure-xs: 96px;
  --ds-measure-sm: 160px;
  --ds-measure-md: 240px;
  --ds-measure-lg: 320px;
  --ds-measure-textFloor: 96px;

  /* ── Icon Sizes ── */
  --ds-icon-strokeWidth: 2;
  --ds-icon-size-sm: 16px;
  --ds-icon-size-md: 20px;
  --ds-icon-size-lg: 24px;
  --ds-icon-size-inline: 1em;
  --ds-icon-size-hero: 48px;

  /* ── Illustration Sizes ── */
  --ds-illustration-size-xs: 48px;
  --ds-illustration-size-sm: 64px;
  --ds-illustration-size-md: 96px;
  --ds-illustration-size-lg: 144px;
  --ds-illustration-size-xl: 192px;

  /* ── Opacity ── */
  --ds-opacity-disabled: 0.38;
  --ds-opacity-muted: 0.6;
  --ds-opacity-scrim: 0.5;
  --ds-opacity-hover: 0.04;
  --ds-opacity-selected: 0.08;
  --ds-opacity-focus: 0.12;
  --ds-opacity-pressed: 0.12;
  --ds-opacity-dragged: 0.16;
  --ds-opacity-ripple: 0.1;
  --ds-opacity-rippleSecondary: 0.25;

  /* ── Motion ── */
  --ds-motion-duration-fast: 120ms;
  --ds-motion-duration-base: 150ms;
  --ds-motion-duration-slow: 200ms;
  --ds-motion-duration-slower: 300ms;
  --ds-motion-duration-enteringScreen: 225ms;
  --ds-motion-duration-leavingScreen: 195ms;
  --ds-motion-duration-complex: 375ms;
  --ds-motion-duration-loop: 1400ms;
  --ds-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ds-motion-easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --ds-motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --ds-motion-easing-sharp: cubic-bezier(0.4, 0, 0.6, 1);
  --ds-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --ds-motion-easing-linear: cubic-bezier(0, 0, 1, 1);

  /* ── Z-Index ── */
  --ds-zIndex-base: 0;
  --ds-zIndex-raised: 1;
  --ds-zIndex-dropdown: 1000;
  --ds-zIndex-sticky: 1100;
  --ds-zIndex-fab: 1050;
  --ds-zIndex-appBar: 1100;
  --ds-zIndex-drawer: 1200;
  --ds-zIndex-snackbar: 1400;
  --ds-zIndex-overlay: 1200;
  --ds-zIndex-modal: 1250;
  --ds-zIndex-popover: 1300;
  --ds-zIndex-toast: 1400;
  --ds-zIndex-tooltip: 1500;
  --ds-zIndex-max: 9999;

  /* ── Border Widths ── */
  --ds-border-width-thin: 1px;
  --ds-border-width-thick: 2px;
  --ds-border-width-emphasis: 3px;
  --ds-border-focusRing-width: 2px;
  --ds-border-focusRing-offset: 2px;
  --ds-border-focusRing-radius: 4px;

  /* ── Layout ── */
  --ds-layout-sidebarWidth: 320px;
  --ds-layout-sidebarWidthExpanded: 320px;
  --ds-layout-contentMaxWidth: 1024px;
  --ds-layout-contentMaxWidthStandard: 1120px;
  --ds-layout-contentMaxWidthWide: 1280px;
  --ds-layout-formColumnMaxWidth: 480px;
  --ds-layout-contentMaxWidthNarrow: 768px;
  --ds-layout-contentMaxWidthWidest: 1440px;
  --ds-layout-pagePaddingX: 32px;
  --ds-layout-pagePaddingY: 24px;
  --ds-layout-sectionGap: 24px;
  --ds-layout-breakpoint-xs: 0px;
  --ds-layout-breakpoint-sm: 600px;
  --ds-layout-breakpoint-md: 900px;
  --ds-layout-breakpoint-lg: 1200px;
  --ds-layout-breakpoint-xl: 1536px;
  --ds-layout-breakpoint-xxl: 1920px;
  --ds-layout-shellChromeMinHeight: 500px;
  --ds-layout-grid-desktop-columns: 12;
  --ds-layout-grid-desktop-gutter: 24px;
  --ds-layout-grid-desktop-margin: 24px;
  --ds-layout-grid-mobile-columns: 6;
  --ds-layout-grid-mobile-gutter: 12px;
  --ds-layout-grid-mobile-margin: 12px;

  /* ── Components ── */

  /* accordion */
  --ds-accordion-container: #1F1A38;
  --ds-accordion-headerBg: #1F1A38;
  --ds-accordion-headerBgHover: #282246;
  --ds-accordion-headerBgActive: #282246;
  --ds-accordion-headerText: #F1EDFB;
  --ds-accordion-contentText: #B2AACF;
  --ds-accordion-border: #282246;
  --ds-accordion-icon: #B2AACF;
  --ds-accordion-borderWidth: 1px;
  --ds-accordion-radius: 14px;
  --ds-accordion-paddingX: 14px;
  --ds-accordion-paddingY: 16px;
  --ds-accordion-gap: 4px;
  --ds-accordion-headerTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-accordion-headerTypography-font-size: 16px;
  --ds-accordion-headerTypography-font-weight: 700;
  --ds-accordion-headerTypography-line-height: 1.5;
  --ds-accordion-contentTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-accordion-contentTypography-font-size: 16px;
  --ds-accordion-contentTypography-font-weight: 400;
  --ds-accordion-contentTypography-line-height: 1.5;
  --ds-accordion-iconSize: 1em;
  --ds-accordion-focusRingWidth: 2px;
  --ds-accordion-focusRingColor: #E8355A;
  --ds-accordion-focusRingOffset: -2px;
  --ds-accordion-metaGap: 4px;
  --ds-accordion-metaMarginX: 14px;
  --ds-accordion-motionDuration: 200ms;
  --ds-accordion-motionEasing: cubic-bezier(0.4, 0, 0.2, 1);
  --ds-accordion-disabledOpacity: 0.38;
  --ds-accordion-headerBorder: #282246;
  --ds-accordion-minHeight: 28px;
  --ds-accordion-headerMinHeight: 24px;
  --ds-accordion-itemMinHeight: 28px;

  /* alert */
  --ds-alert-containerInfo: #172554;
  --ds-alert-onContainerInfo: #BFDBFE;
  --ds-alert-borderInfo: #3B82F6;
  --ds-alert-iconInfo: #60A5FA;
  --ds-alert-containerSuccess: #183013;
  --ds-alert-onContainerSuccess: #BBF1AF;
  --ds-alert-borderSuccess: #67C751;
  --ds-alert-iconSuccess: #14f1a4;
  --ds-alert-containerWarning: #362606;
  --ds-alert-onContainerWarning: #FFE5BA;
  --ds-alert-borderWarning: #FFB700;
  --ds-alert-iconWarning: #FFE5BA;
  --ds-alert-containerError: #3C2115;
  --ds-alert-onContainerError: #FFD5C4;
  --ds-alert-borderError: #F98551;
  --ds-alert-iconError: #F98551;
  --ds-alert-borderWidth: 4px;
  --ds-alert-radius: 8px;
  --ds-alert-paddingX: 16px;
  --ds-alert-paddingY: 8px;
  --ds-alert-gap: 8px;
  --ds-alert-titleGap: 4px;
  --ds-alert-iconSize: 20px;
  --ds-alert-titleTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-alert-titleTypography-font-size: 14px;
  --ds-alert-titleTypography-font-weight: 700;
  --ds-alert-titleTypography-line-height: 1.5;
  --ds-alert-bodyTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-alert-bodyTypography-font-size: 14px;
  --ds-alert-bodyTypography-font-weight: 400;
  --ds-alert-bodyTypography-line-height: 1.5;
  --ds-alert-actionGap: 8px;
  --ds-alert-containerNeutral: #1F1A38;
  --ds-alert-onContainerNeutral: #B2AACF;
  --ds-alert-borderNeutral: #282246;
  --ds-alert-iconNeutral: #B2AACF;
  --ds-alert-minHeight: 28px;

  /* appBar */
  --ds-appBar-container: #1F1A38;
  --ds-appBar-onContainer: #F1EDFB;
  --ds-appBar-border: #282246;
  --ds-appBar-borderWidth: 1px;
  --ds-appBar-height: 64px;
  --ds-appBar-heightCompact: 56px;
  --ds-appBar-paddingX: 14px;
  --ds-appBar-gap: 16px;
  --ds-appBar-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-appBar-logoColor: #F0486B;
  --ds-appBar-itemColor: #B2AACF;
  --ds-appBar-itemColorHover: #F1EDFB;
  --ds-appBar-itemColorActive: #F1EDFB;
  --ds-appBar-indicatorColor: #F0486B;
  --ds-appBar-indicatorHeight: 2px;
  --ds-appBar-indicatorRadius: 9999px;
  --ds-appBar-itemGap: 8px;
  --ds-appBar-itemPaddingX: 8px;
  --ds-appBar-itemMinHeight: 44px;
  --ds-appBar-logoTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-appBar-logoTypography-font-size: 20px;
  --ds-appBar-logoTypography-font-weight: 700;
  --ds-appBar-logoTypography-line-height: 1.375;
  --ds-appBar-insetBandContainer: #F0486B;
  --ds-appBar-insetBandPadding: 8px;
  --ds-appBar-insetBarContainer: #1F1A38;
  --ds-appBar-insetBarRadius: 10px;
  --ds-appBar-insetBarPaddingX: 16px;
  --ds-appBar-insetBarPaddingY: 4px;
  --ds-appBar-insetBorderWidth: 1px;
  --ds-appBar-insetBorderColor: #282246;
  --ds-appBar-contextPaddingX: 14px;
  --ds-appBar-contextPaddingY: 4px;

  /* appShell */
  --ds-appShell-sidebarWidth: 320px;
  --ds-appShell-railWidth: 64px;
  --ds-appShell-railCollapsed: 0;
  --ds-appShell-sidebarWidthExpanded: 320px;
  --ds-appShell-topbarHeight: 60px;
  --ds-appShell-bannerMinHeight: 40px;
  --ds-appShell-skipLinkMinHeight: 24px;
  --ds-appShell-bottomNavHeight: 56px;
  --ds-appShell-container: #1F1A38;
  --ds-appShell-topbar: #1F1A38;
  --ds-appShell-onTopbar: #F1EDFB;
  --ds-appShell-toggleHover: rgba(255, 255, 255, 0.08);
  --ds-appShell-toggleFocusRing: #E8355A;
  --ds-appShell-sidebar: #1F1A38;
  --ds-appShell-inverseSidebar: #120E22;
  --ds-appShell-onInverseSidebar: #F1EDFB;
  --ds-appShell-inverseSidebarBorder: #282246;
  --ds-appShell-banner: #1F1A38;
  --ds-appShell-border: #282246;
  --ds-appShell-borderWidth: 1px;
  --ds-appShell-mainPadding: 14px;
  --ds-appShell-floatingClearance: 96px;
  --ds-appShell-floatingSlotHeight: 0px;
  --ds-appShell-scrimColor: rgba(0, 0, 0, 0.6);

  /* areaLogo */
  --ds-areaLogo-height: 28px;
  --ds-areaLogo-typography-fontSize: 15px;
  --ds-areaLogo-gap: 8px;

  /* autocomplete */
  --ds-autocomplete-labelColor: #F1EDFB;
  --ds-autocomplete-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-autocomplete-labelTypography-font-size: 14px;
  --ds-autocomplete-labelTypography-font-weight: 700;
  --ds-autocomplete-labelTypography-line-height: 1.5;
  --ds-autocomplete-labelGap: 6px;
  --ds-autocomplete-errorColor: #F98551;
  --ds-autocomplete-errorTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-autocomplete-errorTypography-font-size: 12px;
  --ds-autocomplete-errorTypography-font-weight: 400;
  --ds-autocomplete-errorTypography-line-height: 1.5;
  --ds-autocomplete-errorGap: 4px;
  --ds-autocomplete-container: #1F1A38;
  --ds-autocomplete-border: #B2AACF;
  --ds-autocomplete-borderWidth: 1px;
  --ds-autocomplete-radius: 8px;
  --ds-autocomplete-minHeight: 44px;
  --ds-autocomplete-paddingY: 8px;
  --ds-autocomplete-paddingX: 12px;
  --ds-autocomplete-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-autocomplete-typography-font-size: 16px;
  --ds-autocomplete-typography-font-weight: 400;
  --ds-autocomplete-typography-line-height: 1.5;
  --ds-autocomplete-text: #F1EDFB;
  --ds-autocomplete-borderHover: #F0486B;
  --ds-autocomplete-borderFocus: #F0486B;
  --ds-autocomplete-borderWidthFocus: 2px;
  --ds-autocomplete-placeholder: #B2AACF;
  --ds-autocomplete-containerDisabled: #1F1A38;
  --ds-autocomplete-borderDisabled: #282246;
  --ds-autocomplete-textDisabled: #B2AACF;
  --ds-autocomplete-helperGap: 4px;
  --ds-autocomplete-helperColor: #B2AACF;

  /* avatar */
  --ds-avatar-sizeSm: 28px;
  --ds-avatar-sizeMd: 40px;
  --ds-avatar-sizeLg: 48px;
  --ds-avatar-sizeXl: 56px;
  --ds-avatar-radius: 9999px;
  --ds-avatar-container: #260000;
  --ds-avatar-onContainer: #F78EA3;
  --ds-avatar-border: #282246;
  --ds-avatar-containerTertiary: #ECE8FC;
  --ds-avatar-onContainerTertiary: #3D0388;
  --ds-avatar-containerIndigo: #132F28;
  --ds-avatar-onContainerIndigo: #9FF3DE;
  --ds-avatar-containerNeutral: #1F1A38;
  --ds-avatar-onContainerNeutral: #B2AACF;
  --ds-avatar-borderWidth: 1px;
  --ds-avatar-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-avatar-typography-font-size: 12px;
  --ds-avatar-typography-font-weight: 700;
  --ds-avatar-typography-line-height: 1.5;
  --ds-avatar-typographySm-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-avatar-typographySm-font-size: 10px;
  --ds-avatar-typographySm-font-weight: 700;
  --ds-avatar-typographySm-line-height: 1.5;
  --ds-avatar-typographyLg-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-avatar-typographyLg-font-size: 14px;
  --ds-avatar-typographyLg-font-weight: 700;
  --ds-avatar-typographyLg-line-height: 1.5;
  --ds-avatar-groupSurplusRadius: 9999px;
  --ds-avatar-containerHover: #530009;
  --ds-avatar-borderHover: #F0486B;
  --ds-avatar-focusRingWidth: 2px;
  --ds-avatar-focusRingColor: #E8355A;
  --ds-avatar-focusRingOffset: 2px;
  --ds-avatar-statusDotOnline: #14f1a4;
  --ds-avatar-statusDotBusy: #F98551;
  --ds-avatar-statusDotOffline: #B2AACF;
  --ds-avatar-statusDotBorder: #1F1A38;
  --ds-avatar-statusDotBorderWidth: 2px;
  --ds-avatar-statusDotMinSize: 8px;

  /* backdrop */
  --ds-backdrop-scrim: rgba(0, 0, 0, 0.6);
  --ds-backdrop-contentColor: #1F1A38;
  --ds-backdrop-motionDurationEnter: 195ms;

  /* badge */
  --ds-badge-container: #F0486B;
  --ds-badge-onContainer: #17132A;
  --ds-badge-containerSecondary: #1F1A38;
  --ds-badge-onContainerSecondary: #F1EDFB;
  --ds-badge-containerActive: #362606;
  --ds-badge-onContainerActive: #FFE5BA;
  --ds-badge-dotActive: #FFB700;
  --ds-badge-borderActive: #FFB700;
  --ds-badge-containerUndecided: #132F28;
  --ds-badge-onContainerUndecided: #9FF3DE;
  --ds-badge-dotUndecided: #3EC5AA;
  --ds-badge-borderUndecided: #8FE3CE;
  --ds-badge-containerTertiary: #ECE8FC;
  --ds-badge-onContainerTertiary: #3D0388;
  --ds-badge-dotTertiary: #8B7CF0;
  --ds-badge-borderTertiary: #A99EF5;
  --ds-badge-containerIdentityTertiary: #ECE8FC;
  --ds-badge-onContainerIdentityTertiary: #3D0388;
  --ds-badge-dotIdentityTertiary: #8B7CF0;
  --ds-badge-borderIdentityTertiary: #A99EF5;
  --ds-badge-containerIdentityIndigo: #132F28;
  --ds-badge-onContainerIdentityIndigo: #9FF3DE;
  --ds-badge-dotIdentityIndigo: #3EC5AA;
  --ds-badge-borderIdentityIndigo: #8FE3CE;
  --ds-badge-containerIrrelevant: #1F1A38;
  --ds-badge-onContainerIrrelevant: #B2AACF;
  --ds-badge-dotIrrelevant: #B2AACF;
  --ds-badge-borderIrrelevant: #282246;
  --ds-badge-containerComplete: #183013;
  --ds-badge-onContainerComplete: #BBF1AF;
  --ds-badge-dotComplete: #14f1a4;
  --ds-badge-borderComplete: #67C751;
  --ds-badge-containerError: #3C2115;
  --ds-badge-onContainerError: #FFD5C4;
  --ds-badge-dotError: #F98551;
  --ds-badge-borderError: #F98551;
  --ds-badge-containerPending: #362606;
  --ds-badge-onContainerPending: #FFE5BA;
  --ds-badge-dotPending: #FFB700;
  --ds-badge-borderPending: #FFB700;
  --ds-badge-containerInactive: #1F1A38;
  --ds-badge-onContainerInactive: #B2AACF;
  --ds-badge-dotInactive: #B2AACF;
  --ds-badge-containerUsage: #260000;
  --ds-badge-onContainerUsage: #F78EA3;
  --ds-badge-radius: 9999px;
  --ds-badge-borderWidth: 1px;
  --ds-badge-paddingX: 12px;
  --ds-badge-paddingY: 4px;
  --ds-badge-minWidth: 20px;
  --ds-badge-dotSize: 8px;
  --ds-badge-gap: 6px;
  --ds-badge-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-badge-typography-font-size: 12px;
  --ds-badge-typography-font-weight: 700;
  --ds-badge-typography-line-height: 1.5;
  --ds-badge-paddingXSm: 8px;
  --ds-badge-paddingYSm: 1px;
  --ds-badge-paddingXLg: 16px;
  --ds-badge-paddingYLg: 8px;
  --ds-badge-dotSizeSm: 4px;
  --ds-badge-dotSizeLg: 16px;
  --ds-badge-typographySm-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-badge-typographySm-font-size: 12px;
  --ds-badge-typographySm-font-weight: 400;
  --ds-badge-typographySm-line-height: 1.5;
  --ds-badge-typographyLg-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-badge-typographyLg-font-size: 14px;
  --ds-badge-typographyLg-font-weight: 700;
  --ds-badge-typographyLg-line-height: 1.5;
  --ds-badge-dotPrimary: #17132A;
  --ds-badge-dotRadius: 9999px;
  --ds-badge-radiusRounded: 9999px;
  --ds-badge-radiusSquare: 4px;
  --ds-badge-minWidthSm: 16px;
  --ds-badge-minWidthLg: 24px;

  /* barcode */
  --ds-barcode-minHeight: 60px;

  /* bottomNavigation */
  --ds-bottomNavigation-container: #1F1A38;
  --ds-bottomNavigation-border: #282246;
  --ds-bottomNavigation-borderWidth: 1px;
  --ds-bottomNavigation-height: 56px;
  --ds-bottomNavigation-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.07), 0px 4px 6px 0px rgba(255,255,255,0.08);
  --ds-bottomNavigation-itemColor: #B2AACF;
  --ds-bottomNavigation-itemColorActive: #F0486B;
  --ds-bottomNavigation-itemIndicator: #260000;
  --ds-bottomNavigation-itemColorHover: #F1EDFB;
  --ds-bottomNavigation-itemGap: 2px;
  --ds-bottomNavigation-itemPaddingY: 4px;

  /* bottomSheet */
  --ds-bottomSheet-container: #1F1A38;
  --ds-bottomSheet-onContainer: #F1EDFB;
  --ds-bottomSheet-maxHeight: 80dvh;
  --ds-bottomSheet-minHeight: 28px;
  --ds-bottomSheet-radius: 10px;
  --ds-bottomSheet-paddingX: 16px;
  --ds-bottomSheet-paddingY: 8px;
  --ds-bottomSheet-gap: 8px;
  --ds-bottomSheet-handleWidth: 32px;
  --ds-bottomSheet-handleHeight: 4px;
  --ds-bottomSheet-handleRadius: 9999px;
  --ds-bottomSheet-handleColor: #282246;
  --ds-bottomSheet-titleColor: #B2AACF;
  --ds-bottomSheet-optionMinHeight: 48px;
  --ds-bottomSheet-optionPaddingX: 16px;
  --ds-bottomSheet-optionPaddingY: 8px;
  --ds-bottomSheet-optionRadius: 2px;
  --ds-bottomSheet-optionColor: #F1EDFB;
  --ds-bottomSheet-optionHoverBg: #282246;
  --ds-bottomSheet-optionSelectedBg: #530009;
  --ds-bottomSheet-optionSelectedColor: #F78EA3;
  --ds-bottomSheet-groupColor: #B2AACF;
  --ds-bottomSheet-scrim: rgba(0, 0, 0, 0.6);
  --ds-bottomSheet-zIndex: 1200;

  /* brandMark */
  --ds-brandMark-boxSm: 28px;
  --ds-brandMark-boxMd: 40px;
  --ds-brandMark-boxLg: 48px;
  --ds-brandMark-radius: 8px;
  --ds-brandMark-container: #F0486B;
  --ds-brandMark-onContainer: #17132A;

  /* breadcrumb */
  --ds-breadcrumb-linkColor: #F0486B;
  --ds-breadcrumb-linkColorHover: #F36B87;
  --ds-breadcrumb-currentColor: #B2AACF;
  --ds-breadcrumb-separatorColor: #B2AACF;
  --ds-breadcrumb-gap: 8px;
  --ds-breadcrumb-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-breadcrumb-typography-font-size: 14px;
  --ds-breadcrumb-typography-font-weight: 400;
  --ds-breadcrumb-typography-line-height: 1.5;
  --ds-breadcrumb-iconColor: #B2AACF;
  --ds-breadcrumb-iconGap: 4px;
  --ds-breadcrumb-itemMinHeight: 28px;

  /* bulkActionBar */
  --ds-bulkActionBar-container: #1F1A38;
  --ds-bulkActionBar-border: #B2AACF;
  --ds-bulkActionBar-radius: 8px;
  --ds-bulkActionBar-paddingX: 16px;
  --ds-bulkActionBar-paddingY: 8px;
  --ds-bulkActionBar-gap: 16px;
  --ds-bulkActionBar-minHeight: 40px;
  --ds-bulkActionBar-countColor: #F1EDFB;
  --ds-bulkActionBar-actionsGap: 8px;
  --ds-bulkActionBar-clearColor: #F0486B;
  --ds-bulkActionBar-clearPaddingX: 8px;
  --ds-bulkActionBar-clearPaddingY: 4px;
  --ds-bulkActionBar-clearRadius: 2px;
  --ds-bulkActionBar-clearMinHeight: 24px;

  /* button */
  --ds-button-container: #F0486B;
  --ds-button-containerHover: #F36B87;
  --ds-button-containerActive: #F78EA3;
  --ds-button-containerDisabled: #1F1A38;
  --ds-button-onContainer: #17132A;
  --ds-button-onContainerDisabled: #B2AACF;
  --ds-button-paddingX: 16px;
  --ds-button-paddingY: 10px;
  --ds-button-gap: 8px;
  --ds-button-radius: 10px;
  --ds-button-minHeight: 44px;
  --ds-button-paddingYSmall: 6px;
  --ds-button-minHeightSmall: 34px;
  --ds-button-paddingYLarge: 14px;
  --ds-button-minHeightLarge: 52px;
  --ds-button-iconSize: 40px;
  --ds-button-iconPadding: 8px;
  --ds-button-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-button-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-button-typography-font-size: 16px;
  --ds-button-typography-font-weight: 700;
  --ds-button-typography-line-height: 1.5;
  --ds-button-pressTranslate: 0.5px;
  --ds-button-motionEasing: cubic-bezier(0.4, 0, 0.2, 1);

  /* buttonDanger */
  --ds-buttonDanger-container: #F98551;
  --ds-buttonDanger-containerHover: #FBA47D;
  --ds-buttonDanger-containerActive: #FBA47D;
  --ds-buttonDanger-containerDisabled: #1F1A38;
  --ds-buttonDanger-onContainer: #17132A;
  --ds-buttonDanger-onContainerDisabled: #B2AACF;

  /* buttonGroup */
  --ds-buttonGroup-container: #1F1A38;
  --ds-buttonGroup-border: #B2AACF;
  --ds-buttonGroup-borderWidth: 1px;
  --ds-buttonGroup-radius: 10px;
  --ds-buttonGroup-paddingX: 0px;
  --ds-buttonGroup-paddingY: 0px;
  --ds-buttonGroup-disabledOpacity: 0.38;
  --ds-buttonGroup-gapAttached: 0px;
  --ds-buttonGroup-gapSpaced: 8px;
  --ds-buttonGroup-minHeight: 44px;

  /* buttonInverse */
  --ds-buttonInverse-border: #B2AACF;
  --ds-buttonInverse-borderHover: #B2AACF;
  --ds-buttonInverse-borderWidth: 1px;
  --ds-buttonInverse-minHeight: 44px;
  --ds-buttonInverse-onContainer: #DAD5EA;
  --ds-buttonInverse-onContainerHover: #FFFFFF;
  --ds-buttonInverse-onContainerDisabled: #655D80;
  --ds-buttonInverse-paddingX: 16px;
  --ds-buttonInverse-paddingY: 10px;
  --ds-buttonInverse-radius: 10px;
  --ds-buttonInverse-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-buttonInverse-typography-font-size: 16px;
  --ds-buttonInverse-typography-font-weight: 700;
  --ds-buttonInverse-typography-line-height: 1.5;

  /* buttonSecondary */
  --ds-buttonSecondary-container: transparent;
  --ds-buttonSecondary-containerHover: #260000;
  --ds-buttonSecondary-containerActive: #530009;
  --ds-buttonSecondary-containerDisabled: transparent;
  --ds-buttonSecondary-onContainer: #F0486B;
  --ds-buttonSecondary-onContainerDisabled: #B2AACF;
  --ds-buttonSecondary-border: #B2AACF;
  --ds-buttonSecondary-borderHover: #F0486B;
  --ds-buttonSecondary-borderDisabled: #282246;
  --ds-buttonSecondary-borderWidth: 1px;
  --ds-buttonSecondary-paddingX: 16px;
  --ds-buttonSecondary-paddingY: 10px;
  --ds-buttonSecondary-gap: 8px;
  --ds-buttonSecondary-radius: 10px;
  --ds-buttonSecondary-minHeight: 44px;
  --ds-buttonSecondary-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-buttonSecondary-typography-font-size: 16px;
  --ds-buttonSecondary-typography-font-weight: 700;
  --ds-buttonSecondary-typography-line-height: 1.5;
  --ds-buttonSecondary-elevation: none;

  /* buttonText */
  --ds-buttonText-containerHover: rgba(255, 255, 255, 0.08);
  --ds-buttonText-containerActive: rgba(255, 255, 255, 0.16);
  --ds-buttonText-onContainer: #F0486B;
  --ds-buttonText-onContainerDanger: #FFD5C4;
  --ds-buttonText-containerHoverDanger: #3C2115;
  --ds-buttonText-onContainerDisabled: #B2AACF;
  --ds-buttonText-paddingX: 12px;
  --ds-buttonText-paddingY: 8px;
  --ds-buttonText-gap: 8px;
  --ds-buttonText-minHeight: 44px;
  --ds-buttonText-radius: 10px;
  --ds-buttonText-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-buttonText-typography-font-size: 16px;
  --ds-buttonText-typography-font-weight: 700;
  --ds-buttonText-typography-line-height: 1.5;

  /* calendar */
  --ds-calendar-container: #1F1A38;
  --ds-calendar-onContainer: #F1EDFB;
  --ds-calendar-border: #282246;
  --ds-calendar-borderWidth: 1px;
  --ds-calendar-radius: 8px;
  --ds-calendar-listRungWidth: 768px;
  --ds-calendar-dayMinHeightNarrow: 44px;
  --ds-calendar-gridMinWidth: 768px;
  --ds-calendar-toolbarContainer: #17132A;
  --ds-calendar-toolbarPaddingX: 16px;
  --ds-calendar-toolbarPaddingY: 8px;
  --ds-calendar-toolbarGap: 16px;
  --ds-calendar-buttonContainer: #282246;
  --ds-calendar-buttonContainerHover: #332D56;
  --ds-calendar-buttonText: #F1EDFB;
  --ds-calendar-buttonBorder: #B2AACF;
  --ds-calendar-buttonRadius: 8px;
  --ds-calendar-buttonPaddingX: 8px;
  --ds-calendar-buttonPaddingY: 2px;
  --ds-calendar-buttonMinWidth: 24px;
  --ds-calendar-buttonMinHeight: 24px;
  --ds-calendar-buttonContainerActive: #260000;
  --ds-calendar-buttonTextActive: #F78EA3;
  --ds-calendar-buttonBorderActive: #F0486B;
  --ds-calendar-weekdayContainer: #1F1A38;
  --ds-calendar-weekdayText: #B2AACF;
  --ds-calendar-dayContainer: #1F1A38;
  --ds-calendar-dayContainerHover: #17132A;
  --ds-calendar-dayContainerOutside: #1F1A38;
  --ds-calendar-dayPadding: 4px;
  --ds-calendar-dayMinHeight: 5rem;
  --ds-calendar-dayMinHeightWeek: 12rem;
  --ds-calendar-dayNumText: #F1EDFB;
  --ds-calendar-dayNumTextOutside: #B2AACF;
  --ds-calendar-todayContainer: #F0486B;
  --ds-calendar-onToday: #17132A;
  --ds-calendar-eventMinHeight: 28px;
  --ds-calendar-eventRadius: 2px;
  --ds-calendar-eventPaddingX: 4px;
  --ds-calendar-eventPaddingY: 2px;
  --ds-calendar-eventStripeWidth: 2px;
  --ds-calendar-eventPrimaryContainer: #530009;
  --ds-calendar-onEventPrimary: #F78EA3;
  --ds-calendar-eventSuccessContainer: #183013;
  --ds-calendar-onEventSuccess: #BBF1AF;
  --ds-calendar-eventWarningContainer: #362606;
  --ds-calendar-onEventWarning: #FFE5BA;
  --ds-calendar-eventErrorContainer: #3C2115;
  --ds-calendar-onEventError: #FFD5C4;
  --ds-calendar-eventInfoContainer: #172554;
  --ds-calendar-onEventInfo: #BFDBFE;
  --ds-calendar-eventCancelledContainer: #1F1A38;
  --ds-calendar-onEventCancelled: #B2AACF;
  --ds-calendar-legendGap: 8px;
  --ds-calendar-legendDotSize: 8px;
  --ds-calendar-legendDotBorder: #B2AACF;
  --ds-calendar-agendaPadding: 16px;
  --ds-calendar-agendaGap: 8px;
  --ds-calendar-emptyText: #B2AACF;

  /* capacityMeter */
  --ds-capacityMeter-barHeight: 6px;
  --ds-capacityMeter-barRadius: 9999px;
  --ds-capacityMeter-track: #17132A;
  --ds-capacityMeter-fillTertiary: #8B7CF0;
  --ds-capacityMeter-fillIndigo: #3EC5AA;
  --ds-capacityMeter-fillAccent: #F0486B;
  --ds-capacityMeter-fillNeutral: #B2AACF;
  --ds-capacityMeter-fillMinLength: 16px;
  --ds-capacityMeter-fillFull: #FFB700;
  --ds-capacityMeter-labelColor: #B2AACF;
  --ds-capacityMeter-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-capacityMeter-labelTypography-font-size: 14px;
  --ds-capacityMeter-labelTypography-font-weight: 700;
  --ds-capacityMeter-labelTypography-line-height: 1.5;
  --ds-capacityMeter-rowGap: 8px;
  --ds-capacityMeter-rowGapCompact: 4px;
  --ds-capacityMeter-labelGap: 16px;
  --ds-capacityMeter-legendDotSize: 8px;
  --ds-capacityMeter-legendGap: 8px;

  /* card */
  --ds-card-container: #1F1A38;
  --ds-card-onContainer: #F1EDFB;
  --ds-card-border: #B2AACF;
  --ds-card-borderWidth: 1px;
  --ds-card-minTrack: 240px;
  --ds-card-radius: 14px;
  --ds-card-maxWidthForm: 480px;
  --ds-card-padding: 24px;
  --ds-card-mediaHeightSm: 96px;
  --ds-card-mediaHeightMd: 160px;
  --ds-card-gap: 16px;
  --ds-card-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-card-headerGap: 8px;
  --ds-card-titleColor: #F1EDFB;
  --ds-card-titleTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-card-titleTypography-font-size: 20px;
  --ds-card-titleTypography-font-weight: 700;
  --ds-card-titleTypography-line-height: 1.375;
  --ds-card-titleMinWidth: 120px;
  --ds-card-iconSize: 20px;
  --ds-card-headerBorder: #282246;
  --ds-card-headerBorderWidth: 1px;
  --ds-card-subtitleColor: #B2AACF;
  --ds-card-subtitleTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-card-subtitleTypography-font-size: 14px;
  --ds-card-subtitleTypography-font-weight: 400;
  --ds-card-subtitleTypography-line-height: 1.5;
  --ds-card-ghostBorder: #B2AACF;
  --ds-card-ghostBorderHover: #F0486B;
  --ds-card-ghostBackgroundHover: #17132A;
  --ds-card-footerGap: 8px;
  --ds-card-footerPaddingY: 8px;
  --ds-card-bodyGap: 8px;
  --ds-card-headerGapCompact: 4px;
  --ds-card-paddingCompact: 16px;
  --ds-card-elevationHover: inset 0px 0px 0px 9999px rgba(255,255,255,0.07), 0px 4px 6px 0px rgba(255,255,255,0.08);
  --ds-card-containerHover: #1F1A38;
  --ds-card-borderHover: #B2AACF;
  --ds-card-footerBorder: #282246;
  --ds-card-footerBorderWidth: 1px;
  --ds-card-inverseContainer: #120E22;
  --ds-card-onInverseContainer: #F1EDFB;
  --ds-card-inverseBorder: #120E22;
  --ds-card-inverseContainerRaised: #1F1A38;
  --ds-card-inverseContainerHigh: #282246;
  --ds-card-heroWash: radial-gradient(ellipse 60% 90% at 80% 10%, rgba(240, 72, 107, 0.30), transparent 60%), linear-gradient(120deg, #120E22 0%, #282246 55%, #F0486B 130%);
  --ds-card-accentInfo: #60A5FA;
  --ds-card-accentSuccess: #14f1a4;
  --ds-card-accentWarning: #FFB700;
  --ds-card-accentError: #F98551;

  /* carousel */
  --ds-carousel-minHeight: 28px;

  /* chart */
  --ds-chart-axisLine: #B2AACF;
  --ds-chart-axisLabel: #B2AACF;
  --ds-chart-valueLabel: #F1EDFB;
  --ds-chart-gridLine: #282246;
  --ds-chart-gridLineWidth: 1px;
  --ds-chart-legendLabel: #B2AACF;
  --ds-chart-legendGap: 16px;
  --ds-chart-legendSwatchSize: 12px;
  --ds-chart-tooltipContainer: #1F1A38;
  --ds-chart-onTooltipContainer: #F1EDFB;
  --ds-chart-tooltipRadius: 8px;
  --ds-chart-highlightColor: #F0486B;
  --ds-chart-crosshairColor: #B2AACF;
  --ds-chart-referenceLine: #FFB700;
  --ds-chart-referenceLineWidth: 1px;
  --ds-chart-tooltipBorder: #282246;
  --ds-chart-minHeight: 144px;
  --ds-chart-bandMinHeight: 56px;
  --ds-chart-heatmapMinHeight: 32px;
  --ds-chart-sparkLineMinHeight: 20px;

  /* chat */
  --ds-chat-bubbleUserContainer: #530009;
  --ds-chat-bubbleUserText: #F78EA3;
  --ds-chat-bubbleAssistantContainer: #1F1A38;
  --ds-chat-bubbleAssistantText: #F1EDFB;
  --ds-chat-bubbleAssistantBorder: #B2AACF;
  --ds-chat-bubbleAssistantBorderWidth: 1px;
  --ds-chat-bubbleRadius: 10px;
  --ds-chat-bubblePadding: 16px;
  --ds-chat-bubbleGap: 4px;
  --ds-chat-nameColor: #B2AACF;
  --ds-chat-metadataColor: #B2AACF;
  --ds-chat-systemColor: #B2AACF;
  --ds-chat-systemDivider: #282246;
  --ds-chat-composerContainer: #1F1A38;
  --ds-chat-composerBorder: #282246;
  --ds-chat-composerRadius: 12px;
  --ds-chat-composerInnerRadius: 10px;
  --ds-chat-composerPadding: 8px;
  --ds-chat-toolCallContainer: #17132A;
  --ds-chat-toolCallBorder: #282246;
  --ds-chat-toolCallRadius: 10px;
  --ds-chat-toolCallPadding: 8px;
  --ds-chat-toolCallSummaryMinHeight: 24px;
  --ds-chat-atomMinHeight: 36px;
  --ds-chat-buttonSize: 36px;
  --ds-chat-messageMinHeight: 28px;
  --ds-chat-systemMessageMinHeight: 28px;
  --ds-chat-tokenizedMinHeight: 28px;
  --ds-chat-toolCallMinHeight: 28px;

  /* checkbox */
  --ds-checkbox-containerChecked: #F0486B;
  --ds-checkbox-containerCheckedHover: #F36B87;
  --ds-checkbox-checkmark: #17132A;
  --ds-checkbox-borderWidth: 2px;
  --ds-checkbox-size: 20px;
  --ds-checkbox-targetSize: 24px;
  --ds-checkbox-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-checkbox-labelTypography-font-size: 16px;
  --ds-checkbox-labelTypography-font-weight: 400;
  --ds-checkbox-labelTypography-line-height: 1.5;
  --ds-checkbox-labelGap: 8px;
  --ds-checkbox-radius: 2px;
  --ds-checkbox-border: #B2AACF;
  --ds-checkbox-borderHover: #F0486B;
  --ds-checkbox-borderError: #F98551;
  --ds-checkbox-containerUnchecked: transparent;
  --ds-checkbox-containerDisabled: #F0486B;
  --ds-checkbox-checkmarkDisabled: #17132A;
  --ds-checkbox-borderDisabled: #B2AACF;
  --ds-checkbox-motionEasing: cubic-bezier(0.4, 0, 0.2, 1);
  --ds-checkbox-indeterminateMark: 2px;
  --ds-checkbox-sizeSm: 16px;
  --ds-checkbox-sizeLg: 24px;

  /* checklist */
  --ds-checklist-gap: 6px;
  --ds-checklist-itemGap: 8px;
  --ds-checklist-iconSize: 16px;
  --ds-checklist-iconComplete: #14f1a4;
  --ds-checklist-iconPending: #B2AACF;
  --ds-checklist-iconActive: #F0486B;
  --ds-checklist-textComplete: #F1EDFB;
  --ds-checklist-textPending: #B2AACF;
  --ds-checklist-textActive: #F0486B;
  --ds-checklist-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-checklist-typography-font-size: 14px;
  --ds-checklist-typography-font-weight: 400;
  --ds-checklist-typography-line-height: 1.5;
  --ds-checklist-typographySm-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-checklist-typographySm-font-size: 12px;
  --ds-checklist-typographySm-font-weight: 400;
  --ds-checklist-typographySm-line-height: 1.5;
  --ds-checklist-iconSizeSm: 14px;
  --ds-checklist-descriptionText: #B2AACF;
  --ds-checklist-descriptionTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-checklist-descriptionTypography-font-size: 12px;
  --ds-checklist-descriptionTypography-font-weight: 400;
  --ds-checklist-descriptionTypography-line-height: 1.5;
  --ds-checklist-descriptionGap: 2px;
  --ds-checklist-rowHover: #1F1A38;
  --ds-checklist-rowRadius: 2px;
  --ds-checklist-gapSm: 4px;
  --ds-checklist-rowMinHeight: 28px;

  /* chip */
  --ds-chip-container: #1F1A38;
  --ds-chip-containerHover: #282246;
  --ds-chip-containerSelected: #F0486B;
  --ds-chip-border: #B2AACF;
  --ds-chip-borderHover: #DAD5EA;
  --ds-chip-borderSelected: transparent;
  --ds-chip-borderWidth: 1px;
  --ds-chip-outlinedBorder: #282246;
  --ds-chip-onContainer: #B2AACF;
  --ds-chip-onContainerSelected: #17132A;
  --ds-chip-radius: 9999px;
  --ds-chip-focusRingWidth: 2px;
  --ds-chip-focusRingOffset: 2px;
  --ds-chip-dotSize: 8px;
  --ds-chip-iconSize: 1em;
  --ds-chip-minHeight: 28px;
  --ds-chip-transitionDuration: 120ms;
  --ds-chip-transitionEasing: cubic-bezier(0.4, 0, 0.2, 1);
  --ds-chip-removeIconRadius: 9999px;
  --ds-chip-removeIconPadding: 0px;
  --ds-chip-containerDisabled: #1F1A38;
  --ds-chip-onContainerDisabled: #B2AACF;
  --ds-chip-borderDisabled: #282246;
  --ds-chip-outlinedContainerSelected: #260000;
  --ds-chip-outlinedOnContainerSelected: #F78EA3;
  --ds-chip-outlinedBorderSelected: #F0486B;
  --ds-chip-paddingX: 14px;
  --ds-chip-paddingY: 8px;
  --ds-chip-paddingXSmall: 4px;
  --ds-chip-paddingYSmall: 2px;
  --ds-chip-gapSmall: 2px;
  --ds-chip-gap: 6px;
  --ds-chip-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-chip-typography-font-size: 14px;
  --ds-chip-typography-font-weight: 400;
  --ds-chip-typography-line-height: 1.5;
  --ds-chip-statusInfo-container: #172554;
  --ds-chip-statusInfo-onContainer: #BFDBFE;
  --ds-chip-statusInfo-dot: #60A5FA;
  --ds-chip-statusInfo-borderSelected: #60A5FA;
  --ds-chip-statusSuccess-container: #0C2008;
  --ds-chip-statusSuccess-onContainer: #F1EDFB;
  --ds-chip-statusSuccess-dot: #14f1a4;
  --ds-chip-statusSuccess-borderSelected: #14f1a4;
  --ds-chip-statusWarning-container: #261800;
  --ds-chip-statusWarning-onContainer: #F1EDFB;
  --ds-chip-statusWarning-dot: #FFE5BA;
  --ds-chip-statusWarning-borderSelected: #FFB700;
  --ds-chip-statusError-container: #2C1207;
  --ds-chip-statusError-onContainer: #F1EDFB;
  --ds-chip-statusError-dot: #F98551;
  --ds-chip-statusError-borderSelected: #F98551;

  /* chunkProgressBar */
  --ds-chunkProgressBar-track: #282246;
  --ds-chunkProgressBar-fill: #F0486B;
  --ds-chunkProgressBar-fillComplete: #14f1a4;
  --ds-chunkProgressBar-label: #B2AACF;
  --ds-chunkProgressBar-chunkHeight: 8px;
  --ds-chunkProgressBar-chunkRadius: 2px;
  --ds-chunkProgressBar-chunkGap: 4px;
  --ds-chunkProgressBar-chunkMinWidth: 4px;
  --ds-chunkProgressBar-labelGap: 4px;
  --ds-chunkProgressBar-transitionDuration: 200ms;
  --ds-chunkProgressBar-countColor: #B2AACF;
  --ds-chunkProgressBar-countTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-chunkProgressBar-countTypography-font-size: 12px;
  --ds-chunkProgressBar-countTypography-font-weight: 400;
  --ds-chunkProgressBar-countTypography-line-height: 1.5;
  --ds-chunkProgressBar-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-chunkProgressBar-labelTypography-font-size: 12px;
  --ds-chunkProgressBar-labelTypography-font-weight: 400;
  --ds-chunkProgressBar-labelTypography-line-height: 1.5;

  /* circularProgress */
  --ds-circularProgress-track: #282246;
  --ds-circularProgress-fill: #F0486B;
  --ds-circularProgress-fillComplete: #14f1a4;
  --ds-circularProgress-label: #F1EDFB;
  --ds-circularProgress-sizeSm: 24px;
  --ds-circularProgress-sizeMd: 40px;
  --ds-circularProgress-sizeLg: 64px;
  --ds-circularProgress-strokeWidth: 4px;
  --ds-circularProgress-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-circularProgress-labelTypography-font-size: 12px;
  --ds-circularProgress-labelTypography-font-weight: 400;
  --ds-circularProgress-labelTypography-line-height: 1.5;
  --ds-circularProgress-labelTypographySm-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-circularProgress-labelTypographySm-font-size: 10px;
  --ds-circularProgress-labelTypographySm-font-weight: 700;
  --ds-circularProgress-labelTypographySm-line-height: 1.5;
  --ds-circularProgress-transitionDuration: 300ms;
  --ds-circularProgress-indeterminateDuration: 1400ms;

  /* collapsibleGroup */
  --ds-collapsibleGroup-minHeight: 28px;

  /* colorGradient */
  --ds-colorGradient-width: 240px;
  --ds-colorGradient-areaHeight: 160px;

  /* colorPicker */
  --ds-colorPicker-swatchBorder: #B2AACF;
  --ds-colorPicker-popupContainer: #1F1A38;
  --ds-colorPicker-popupBorder: #282246;
  --ds-colorPicker-popupShadow: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-colorPicker-inputBg: #1F1A38;
  --ds-colorPicker-inputText: #F1EDFB;
  --ds-colorPicker-label: #B2AACF;
  --ds-colorPicker-swatchSize: 36px;
  --ds-colorPicker-swatchRadius: 8px;
  --ds-colorPicker-popupRadius: 14px;
  --ds-colorPicker-popupPadding: 12px;
  --ds-colorPicker-paletteGap: 4px;
  --ds-colorPicker-paletteSwatchSize: 28px;
  --ds-colorPicker-paletteSwatchRadius: 4px;
  --ds-colorPicker-hexInputWidth: 80px;
  --ds-colorPicker-popupGap: 12px;
  --ds-colorPicker-popupInputPaddingY: 6px;
  --ds-colorPicker-popupMinWidth: 200px;
  --ds-colorPicker-checkColor: #17132A;
  --ds-colorPicker-checkShadow: 0px 1px 1px rgba(0,0,0,0.3);
  --ds-colorPicker-labelGap: 4px;
  --ds-colorPicker-triggerGap: 8px;
  --ds-colorPicker-popupOffset: 4px;
  --ds-colorPicker-swatchBorderFocus: #E8355A;
  --ds-colorPicker-swatchBorderHover: #DAD5EA;
  --ds-colorPicker-checkerSize: 8px;
  --ds-colorPicker-hoverScale: 1.1;
  --ds-colorPicker-motionDuration: 150ms;
  --ds-colorPicker-labelDisabled: #B2AACF;

  /* commandPalette */
  --ds-commandPalette-maxWidth: 560px;
  --ds-commandPalette-minHeight: 56px;
  --ds-commandPalette-searchPaddingX: 24px;
  --ds-commandPalette-searchPaddingY: 16px;
  --ds-commandPalette-optionPaddingX: 24px;
  --ds-commandPalette-listPaddingY: 4px;

  /* contactCard */
  --ds-contactCard-container: #1F1A38;
  --ds-contactCard-border: #282246;
  --ds-contactCard-borderWidth: 1px;
  --ds-contactCard-radius: 14px;
  --ds-contactCard-padding: 24px;
  --ds-contactCard-gap: 16px;
  --ds-contactCard-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-contactCard-headerGap: 8px;
  --ds-contactCard-headerBorder: #282246;
  --ds-contactCard-headerBorderWidth: 1px;
  --ds-contactCard-titleColor: #F1EDFB;
  --ds-contactCard-titleTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-contactCard-titleTypography-font-size: 20px;
  --ds-contactCard-titleTypography-font-weight: 700;
  --ds-contactCard-titleTypography-line-height: 1.375;
  --ds-contactCard-nameColor: #F1EDFB;
  --ds-contactCard-nameTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-contactCard-nameTypography-font-size: 14px;
  --ds-contactCard-nameTypography-font-weight: 700;
  --ds-contactCard-nameTypography-line-height: 1.5;
  --ds-contactCard-metaColor: #B2AACF;
  --ds-contactCard-metaTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-contactCard-metaTypography-font-size: 14px;
  --ds-contactCard-metaTypography-font-weight: 400;
  --ds-contactCard-metaTypography-line-height: 1.5;
  --ds-contactCard-identityGap: 8px;
  --ds-contactCard-labelColor: #B2AACF;
  --ds-contactCard-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-contactCard-labelTypography-font-size: 12px;
  --ds-contactCard-labelTypography-font-weight: 400;
  --ds-contactCard-labelTypography-line-height: 1.5;
  --ds-contactCard-valueColor: #F1EDFB;
  --ds-contactCard-valueTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-contactCard-valueTypography-font-size: 16px;
  --ds-contactCard-valueTypography-font-weight: 400;
  --ds-contactCard-valueTypography-line-height: 1.5;
  --ds-contactCard-fieldRowGap: 16px;
  --ds-contactCard-fieldColumnGap: 24px;
  --ds-contactCard-fieldIconGap: 8px;
  --ds-contactCard-iconColor: #B2AACF;
  --ds-contactCard-iconSize: 16px;
  --ds-contactCard-elevationHover: inset 0px 0px 0px 9999px rgba(255,255,255,0.07), 0px 4px 6px 0px rgba(255,255,255,0.08);
  --ds-contactCard-containerHover: #1F1A38;
  --ds-contactCard-borderHover: #282246;
  --ds-contactCard-focusRingWidth: 2px;
  --ds-contactCard-focusRingColor: #E8355A;
  --ds-contactCard-focusRingOffset: 2px;
  --ds-contactCard-transitionDuration: 150ms;
  --ds-contactCard-linkColor: #F0486B;
  --ds-contactCard-linkColorHover: #F36B87;
  --ds-contactCard-footerBorder: #282246;
  --ds-contactCard-footerBorderWidth: 1px;
  --ds-contactCard-footerPaddingTop: 8px;
  --ds-contactCard-fieldActionGap: 8px;
  --ds-contactCard-fieldActionColor: inherit;
  --ds-contactCard-minHeight: 28px;

  /* dataGrid */
  --ds-dataGrid-container: #1F1A38;
  --ds-dataGrid-border: #282246;
  --ds-dataGrid-borderWidth: 1px;
  --ds-dataGrid-radius: 10px;
  --ds-dataGrid-headerContainer: #1F1A38;
  --ds-dataGrid-headerText: #F1EDFB;
  --ds-dataGrid-headerBorder: #282246;
  --ds-dataGrid-headerTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-dataGrid-headerTypography-font-size: 14px;
  --ds-dataGrid-headerTypography-font-weight: 700;
  --ds-dataGrid-headerTypography-line-height: 1.5;
  --ds-dataGrid-cellText: #F1EDFB;
  --ds-dataGrid-cellBorder: #282246;
  --ds-dataGrid-cellPaddingX: 12px;
  --ds-dataGrid-cellPaddingYCompact: 6px;
  --ds-dataGrid-cellPaddingYStandard: 10px;
  --ds-dataGrid-cellPaddingYComfortable: 12px;
  --ds-dataGrid-cellTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-dataGrid-cellTypography-font-size: 14px;
  --ds-dataGrid-cellTypography-font-weight: 400;
  --ds-dataGrid-cellTypography-line-height: 1.5;
  --ds-dataGrid-rowHover: #282246;
  --ds-dataGrid-rowSelected: #260000;
  --ds-dataGrid-rowSelectedHover: #530009;
  --ds-dataGrid-focusRing: #F0486B;
  --ds-dataGrid-focusRingWidth: 2px;
  --ds-dataGrid-focusRingOffset: -2px;
  --ds-dataGrid-sortIconColor: #B2AACF;
  --ds-dataGrid-sortIconActive: #F0486B;
  --ds-dataGrid-toolbarContainer: #1F1A38;
  --ds-dataGrid-toolbarBorder: #282246;
  --ds-dataGrid-toolbarPaddingX: 12px;
  --ds-dataGrid-toolbarPaddingY: 10px;
  --ds-dataGrid-emptyStateColor: #B2AACF;
  --ds-dataGrid-emptyStateTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-dataGrid-emptyStateTypography-font-size: 14px;
  --ds-dataGrid-emptyStateTypography-font-weight: 400;
  --ds-dataGrid-emptyStateTypography-line-height: 1.5;
  --ds-dataGrid-headerMinHeight: 40px;
  --ds-dataGrid-columnSeparator: #282246;
  --ds-dataGrid-rowAlt: #17132A;
  --ds-dataGrid-rowTransitionDuration: 120ms;
  --ds-dataGrid-rowHeightCompact: 0;
  --ds-dataGrid-rowHeightStandard: 0;
  --ds-dataGrid-rowHeightComfortable: 0;
  --ds-dataGrid-footerContainer: #1F1A38;
  --ds-dataGrid-footerBorder: #282246;
  --ds-dataGrid-footerBorderWidth: 1px;
  --ds-dataGrid-footerMinHeight: 40px;
  --ds-dataGrid-footerPaddingX: 12px;
  --ds-dataGrid-footerPaddingY: 10px;
  --ds-dataGrid-overlayBackground: #1F1A38;
  --ds-dataGrid-checkboxColor: #F0486B;

  /* dataRows */
  --ds-dataRows-controlCol: 32px;
  --ds-dataRows-labelColMin: 128px;
  --ds-dataRows-labelColMax: 208px;
  --ds-dataRows-numericColMin: 120px;
  --ds-dataRows-gap: 16px;
  --ds-dataRows-rowGap: 0px;
  --ds-dataRows-minHeight: 44px;

  /* datePicker */
  --ds-datePicker-calendarContainer: #1F1A38;
  --ds-datePicker-calendarElevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-datePicker-calendarRadius: 14px;
  --ds-datePicker-calendarPadding: 16px;
  --ds-datePicker-headerContainer: #1F1A38;
  --ds-datePicker-headerText: #F1EDFB;
  --ds-datePicker-headerNavIcon: #B2AACF;
  --ds-datePicker-headerNavIconHover: #F0486B;
  --ds-datePicker-headerNavIconSize: 20px;
  --ds-datePicker-headerTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-datePicker-headerTypography-font-size: 14px;
  --ds-datePicker-headerTypography-font-weight: 700;
  --ds-datePicker-headerTypography-line-height: 1.5;
  --ds-datePicker-weekdayText: #B2AACF;
  --ds-datePicker-weekdayTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-datePicker-weekdayTypography-font-size: 12px;
  --ds-datePicker-weekdayTypography-font-weight: 400;
  --ds-datePicker-weekdayTypography-line-height: 1.5;
  --ds-datePicker-dayCellSize: 36px;
  --ds-datePicker-dayCellRadius: 9999px;
  --ds-datePicker-dayCellText: #F1EDFB;
  --ds-datePicker-dayCellTextOutsideMonth: #B2AACF;
  --ds-datePicker-dayCellTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-datePicker-dayCellTypography-font-size: 14px;
  --ds-datePicker-dayCellTypography-font-weight: 400;
  --ds-datePicker-dayCellTypography-line-height: 1.5;
  --ds-datePicker-dayCellGap: 2px;
  --ds-datePicker-weekRowGap: 2px;
  --ds-datePicker-dayCellHoverBg: #282246;
  --ds-datePicker-dayCellSelectedBg: #F0486B;
  --ds-datePicker-dayCellSelectedText: #17132A;
  --ds-datePicker-dayCellSelectedHoverBg: #F36B87;
  --ds-datePicker-dayCellTodayBorder: #F0486B;
  --ds-datePicker-dayCellTodayText: #F0486B;
  --ds-datePicker-dayCellDisabledText: #B2AACF;
  --ds-datePicker-dayCellFocusRing: #F0486B;
  --ds-datePicker-dayCellFocusRingWidth: 2px;
  --ds-datePicker-dayCellFocusRingOffset: -2px;
  --ds-datePicker-calendarMinWidth: 280px;
  --ds-datePicker-transitionDuration: 120ms;
  --ds-datePicker-rangeFill: #260000;
  --ds-datePicker-rangeEndpointFill: #F0486B;

  /* dateTimeInput */
  --ds-dateTimeInput-timeFieldMaxWidth: 160px;

  /* dateTimePicker */
  --ds-dateTimePicker-timeFieldMaxWidth: 160px;
  --ds-dateTimePicker-timeRangeRowMaxWidth: 320px;

  /* definitionList */
  --ds-definitionList-rowPaddingY: 8px;
  --ds-definitionList-rowPaddingX: 0px;
  --ds-definitionList-rowGap: 16px;
  --ds-definitionList-labelColor: #B2AACF;
  --ds-definitionList-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-definitionList-labelTypography-font-size: 12px;
  --ds-definitionList-labelTypography-font-weight: 700;
  --ds-definitionList-labelTypography-line-height: 1.5;
  --ds-definitionList-labelWidth: auto;
  --ds-definitionList-maxWidth: 480px;
  --ds-definitionList-valueColor: #F1EDFB;
  --ds-definitionList-valueTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-definitionList-valueTypography-font-size: 14px;
  --ds-definitionList-valueTypography-font-weight: 400;
  --ds-definitionList-valueTypography-line-height: 1.5;
  --ds-definitionList-valueAlign: right;
  --ds-definitionList-dividerColor: #282246;
  --ds-definitionList-dividerWidth: 1px;
  --ds-definitionList-actionGap: 0px;
  --ds-definitionList-actionColor: inherit;
  --ds-definitionList-rowPaddingYDense: 4px;
  --ds-definitionList-rowGapDense: 8px;
  --ds-definitionList-stackedGap: 2px;
  --ds-definitionList-minHeight: 28px;

  /* divider */
  --ds-divider-color: #282246;
  --ds-divider-thickness: 1px;
  --ds-divider-spacing: 24px;
  --ds-divider-spacingSm: 8px;
  --ds-divider-spacingNone: 0px;
  --ds-divider-colorStrong: #DAD5EA;
  --ds-divider-verticalMinLength: 1em;
  --ds-divider-insetStart: 16px;
  --ds-divider-insetEnd: 16px;
  --ds-divider-dashLength: 6px;
  --ds-divider-dashGap: 4px;
  --ds-divider-notchSize: 12px;
  --ds-divider-notchInset: 4px;
  --ds-divider-notchColor: #1F1A38;

  /* drawer */
  --ds-drawer-container: #1F1A38;
  --ds-drawer-onContainer: #F1EDFB;
  --ds-drawer-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-drawer-widthLeft: 280px;
  --ds-drawer-widthRight: 400px;
  --ds-drawer-heightTop: 240px;
  --ds-drawer-heightBottom: 320px;
  --ds-drawer-widthSm: 320px;
  --ds-drawer-widthMd: 480px;
  --ds-drawer-widthLg: 600px;
  --ds-drawer-miniWidth: 72px;
  --ds-drawer-transitionDurationEnter: 225ms;
  --ds-drawer-transitionDurationExit: 195ms;
  --ds-drawer-transitionTimingFunction: cubic-bezier(0, 0, 0.2, 1);
  --ds-drawer-headerPaddingX: 24px;
  --ds-drawer-headerPaddingY: 16px;
  --ds-drawer-headerBorder: #282246;
  --ds-drawer-contentPaddingX: 24px;
  --ds-drawer-contentPaddingY: 24px;
  --ds-drawer-scrim: rgba(0, 0, 0, 0.6);
  --ds-drawer-zIndex: 1200;
  --ds-drawer-borderWidth: 1px;
  --ds-drawer-footerPaddingX: 24px;
  --ds-drawer-headerGap: 8px;
  --ds-drawer-footerActionGap: 8px;
  --ds-drawer-titleColor: #F1EDFB;
  --ds-drawer-closeColor: #B2AACF;
  --ds-drawer-closeSize: 20px;
  --ds-drawer-closeButtonHoverBg: #282246;
  --ds-drawer-closeButtonRadius: 2px;
  --ds-drawer-focusRingWidth: 2px;
  --ds-drawer-focusRingOffset: 2px;

  /* dropDownButton */
  --ds-dropDownButton-container: #1F1A38;
  --ds-dropDownButton-containerHover: #282246;
  --ds-dropDownButton-containerActive: #282246;
  --ds-dropDownButton-onContainer: #F1EDFB;
  --ds-dropDownButton-border: #B2AACF;
  --ds-dropDownButton-menuContainer: #1F1A38;
  --ds-dropDownButton-menuBorder: #282246;
  --ds-dropDownButton-menuItemHover: #282246;
  --ds-dropDownButton-menuText: #F1EDFB;
  --ds-dropDownButton-radius: 10px;
  --ds-dropDownButton-menuRadius: 14px;
  --ds-dropDownButton-paddingX: 14px;
  --ds-dropDownButton-paddingY: 8px;
  --ds-dropDownButton-gap: 4px;
  --ds-dropDownButton-menuPaddingY: 4px;
  --ds-dropDownButton-menuItemPaddingX: 14px;
  --ds-dropDownButton-menuItemPaddingY: 8px;
  --ds-dropDownButton-menuShadow: inset 0px 0px 0px 9999px rgba(255,255,255,0.07), 0px 4px 6px 0px rgba(255,255,255,0.08);
  --ds-dropDownButton-borderWidth: 1px;
  --ds-dropDownButton-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-dropDownButton-typography-font-size: 16px;
  --ds-dropDownButton-typography-font-weight: 700;
  --ds-dropDownButton-typography-line-height: 1.5;
  --ds-dropDownButton-menuOffset: 4px;
  --ds-dropDownButton-menuBorderWidth: 1px;
  --ds-dropDownButton-focusRingWidth: 2px;
  --ds-dropDownButton-focusRingOffset: 2px;
  --ds-dropDownButton-disabledOpacity: 0.38;
  --ds-dropDownButton-disabledContainer: #1F1A38;
  --ds-dropDownButton-minHeight: 0px;
  --ds-dropDownButton-motionDuration: 120ms;
  --ds-dropDownButton-chevronSize: 16px;
  --ds-dropDownButton-menuMaxHeight: none;
  --ds-dropDownButton-menuItemMinHeight: 28px;

  /* dropdown */
  --ds-dropdown-triggerIcon: #B2AACF;
  --ds-dropdown-triggerIconSize: 24px;
  --ds-dropdown-popupContainer: #1F1A38;
  --ds-dropdown-onPopupContainer: #F1EDFB;
  --ds-dropdown-popupRadius: 10px;
  --ds-dropdown-popupBorder: #282246;
  --ds-dropdown-popupBorderWidth: 1px;
  --ds-dropdown-popupElevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-dropdown-popupMaxHeight: 320px;
  --ds-dropdown-optionPaddingX: 12px;
  --ds-dropdown-optionPaddingY: 8px;
  --ds-dropdown-popupPaddingY: 8px;
  --ds-dropdown-optionDisabledText: #F1EDFB;
  --ds-dropdown-optionMotionDuration: 150ms;
  --ds-dropdown-optionHover: #282246;
  --ds-dropdown-optionSelected: #260000;
  --ds-dropdown-onOptionSelected: #F78EA3;
  --ds-dropdown-optionTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-dropdown-optionTypography-font-size: 16px;
  --ds-dropdown-optionTypography-font-weight: 400;
  --ds-dropdown-optionTypography-line-height: 1.5;

  /* emptyState */
  --ds-emptyState-minHeight: 28px;

  /* entityDrawer */
  --ds-entityDrawer-headerPaddingX: 24px;
  --ds-entityDrawer-headerPaddingY: 16px;
  --ds-entityDrawer-headerGap: 16px;
  --ds-entityDrawer-divider: #282246;
  --ds-entityDrawer-titleColor: #F1EDFB;
  --ds-entityDrawer-subtitleColor: #B2AACF;
  --ds-entityDrawer-titleGap: 4px;
  --ds-entityDrawer-closeSize: 24px;
  --ds-entityDrawer-closeRadius: 2px;
  --ds-entityDrawer-closeColor: #B2AACF;
  --ds-entityDrawer-closeContainerHover: #1F1A38;
  --ds-entityDrawer-bodyPaddingX: 24px;
  --ds-entityDrawer-bodyPaddingY: 16px;
  --ds-entityDrawer-footerPaddingX: 24px;
  --ds-entityDrawer-footerPaddingY: 16px;
  --ds-entityDrawer-footerGap: 8px;

  /* fab */
  --ds-fab-container: #F0486B;
  --ds-fab-containerHover: #F36B87;
  --ds-fab-containerActive: #F78EA3;
  --ds-fab-onContainer: #17132A;
  --ds-fab-shadow: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-fab-shadowHover: inset 0px 0px 0px 9999px rgba(255,255,255,0.09), 0px 16px 32px 0px rgba(255,255,255,0.12);
  --ds-fab-sizeCompact: 36px;
  --ds-fab-sizeSm: 40px;
  --ds-fab-sizeMd: 56px;
  --ds-fab-sizeLg: 96px;
  --ds-fab-iconSize: 24px;
  --ds-fab-iconSizeSm: 24px;
  --ds-fab-iconSizeLg: 24px;
  --ds-fab-radius: 9999px;
  --ds-fab-extendedRadius: 16px;
  --ds-fab-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-fab-typography-font-size: 16px;
  --ds-fab-typography-font-weight: 500;
  --ds-fab-typography-line-height: 1.5;
  --ds-fab-disabledContainer: #1F1A38;
  --ds-fab-disabledOnContainer: #B2AACF;
  --ds-fab-focusRingColor: #E8355A;
  --ds-fab-focusRingWidth: 2px;
  --ds-fab-focusRingOffset: 2px;
  --ds-fab-motionDuration: 150ms;
  --ds-fab-dockLength: 96px;
  --ds-fab-dockOffset: 0px;
  --ds-fab-motionEasing: cubic-bezier(0.4, 0, 0.2, 1);

  /* fixedCardGrid */
  --ds-fixedCardGrid-paddingX: 32px;
  --ds-fixedCardGrid-paddingY: 48px;
  --ds-fixedCardGrid-gap: 24px;
  --ds-fixedCardGrid-rowGap: 24px;
  --ds-fixedCardGrid-paddingXCompact: 16px;
  --ds-fixedCardGrid-paddingYCompact: 24px;
  --ds-fixedCardGrid-cardMinWidth: 280px;
  --ds-fixedCardGrid-maxWidth: 1024px;
  --ds-fixedCardGrid-minHeight: 28px;

  /* floatingToolbar */
  --ds-floatingToolbar-container: #17132A;
  --ds-floatingToolbar-radius: 14px;
  --ds-floatingToolbar-padding: 16px;
  --ds-floatingToolbar-gap: 16px;
  --ds-floatingToolbar-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-floatingToolbar-minHeight: 64px;
  --ds-floatingToolbar-clearance: 96px;
  --ds-floatingToolbar-dividerColor: #B2AACF;
  --ds-floatingToolbar-dividerWidth: 1px;
  --ds-floatingToolbar-dividerHeight: 28px;
  --ds-floatingToolbar-groupGap: 16px;
  --ds-floatingToolbar-ghostContainer: transparent;
  --ds-floatingToolbar-ghostContainerHover: #1F1A38;
  --ds-floatingToolbar-ghostColor: #DAD5EA;
  --ds-floatingToolbar-ghostColorHover: #FFFFFF;
  --ds-floatingToolbar-ghostColorDisabled: #655D80;
  --ds-floatingToolbar-ghostRadius: 10px;
  --ds-floatingToolbar-ghostPaddingX: 16px;
  --ds-floatingToolbar-ghostPaddingY: 10px;
  --ds-floatingToolbar-ctaContainer: #F0486B;
  --ds-floatingToolbar-ctaContainerHover: #F36B87;
  --ds-floatingToolbar-ctaColor: #17132A;
  --ds-floatingToolbar-ctaRadius: 10px;
  --ds-floatingToolbar-ctaPaddingX: 24px;
  --ds-floatingToolbar-ctaPaddingY: 10px;
  --ds-floatingToolbar-ctaMinHeight: 44px;
  --ds-floatingToolbar-ctaElevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-floatingToolbar-enterOffset: 12px;
  --ds-floatingToolbar-offsetCompact: 16px;
  --ds-floatingToolbar-motionDuration: 400ms;
  --ds-floatingToolbar-motionEasing: ease;
  --ds-floatingToolbar-zIndex: 9999;
  --ds-floatingToolbar-ghostContainerActive: #1F1A38;
  --ds-floatingToolbar-ctaContainerActive: #F78EA3;

  /* formField */
  --ds-formField-labelColor: #F1EDFB;
  --ds-formField-labelColorDisabled: #B2AACF;
  --ds-formField-labelGap: 6px;
  --ds-formField-requiredColor: #F98551;
  --ds-formField-requiredGap: 4px;
  --ds-formField-helpColor: #B2AACF;
  --ds-formField-helpGap: 4px;
  --ds-formField-errorColor: #F98551;
  --ds-formField-fieldGap: 24px;
  --ds-formField-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-formField-labelTypography-font-size: 14px;
  --ds-formField-labelTypography-font-weight: 700;
  --ds-formField-labelTypography-line-height: 1.5;
  --ds-formField-helpTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-formField-helpTypography-font-size: 12px;
  --ds-formField-helpTypography-font-weight: 400;
  --ds-formField-helpTypography-line-height: 1.5;
  --ds-formField-warningGap: 4px;
  --ds-formField-minHeight: 44px;
  --ds-formField-warning-color: #FFE5BA;
  --ds-formField-warning-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-formField-warning-typography-font-size: 12px;
  --ds-formField-warning-typography-font-weight: 400;
  --ds-formField-warning-typography-line-height: 1.5;

  /* formSectionStack */
  --ds-formSectionStack-gap: 16px;
  --ds-formSectionStack-sectionPadding: 24px;
  --ds-formSectionStack-sectionRadius: 14px;
  --ds-formSectionStack-sectionGap: 16px;
  --ds-formSectionStack-sectionBackground: #1F1A38;
  --ds-formSectionStack-sectionBorder: #B2AACF;
  --ds-formSectionStack-sectionBorderWidth: 1px;
  --ds-formSectionStack-sectionBorderInvalid: #F98551;
  --ds-formSectionStack-sectionErrorText: #F98551;
  --ds-formSectionStack-requiredColor: #B2AACF;
  --ds-formSectionStack-descriptionColor: #B2AACF;
  --ds-formSectionStack-sectionHeaderGap: 16px;
  --ds-formSectionStack-sectionTitleTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-formSectionStack-sectionTitleTypography-font-size: 16px;
  --ds-formSectionStack-sectionTitleTypography-font-weight: 400;
  --ds-formSectionStack-sectionTitleTypography-line-height: 1.5;
  --ds-formSectionStack-sectionElevation: none;

  /* fullScreenModal */
  --ds-fullScreenModal-container: #1F1A38;
  --ds-fullScreenModal-containerRadius: 14px;
  --ds-fullScreenModal-headerContainer: #1F1A38;
  --ds-fullScreenModal-headerBorder: #282246;
  --ds-fullScreenModal-headerPaddingX: 24px;
  --ds-fullScreenModal-headerPaddingY: 16px;
  --ds-fullScreenModal-headerGap: 8px;
  --ds-fullScreenModal-titleColor: #F1EDFB;
  --ds-fullScreenModal-titleTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-fullScreenModal-titleTypography-font-size: 20px;
  --ds-fullScreenModal-titleTypography-font-weight: 700;
  --ds-fullScreenModal-titleTypography-line-height: 1.375;
  --ds-fullScreenModal-closeColor: #B2AACF;
  --ds-fullScreenModal-closeSize: 20px;
  --ds-fullScreenModal-closeButtonSize: 34px;
  --ds-fullScreenModal-closeBorder: #282246;
  --ds-fullScreenModal-closeRadius: 12px;
  --ds-fullScreenModal-contentBackground: #1F1A38;
  --ds-fullScreenModal-contentPaddingX: 32px;
  --ds-fullScreenModal-contentPaddingY: 24px;
  --ds-fullScreenModal-contentBottomClearance: 80px;
  --ds-fullScreenModal-contentGap: 16px;
  --ds-fullScreenModal-scrim: rgba(0, 0, 0, 0.6);
  --ds-fullScreenModal-insetMargin: 32px;
  --ds-fullScreenModal-insetElevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-fullScreenModal-panelMaxWidth: 9999px;

  /* gauge */
  --ds-gauge-valueArc: #F0486B;
  --ds-gauge-trackArc: #282246;
  --ds-gauge-valueLabel: #F1EDFB;
  --ds-gauge-unitLabel: #B2AACF;

  /* heading */
  --ds-heading-accentRuleColor: #F0486B;
  --ds-heading-accentRuleWidth: 2px;
  --ds-heading-accentRuleGap: 16px;
  --ds-heading-accentRuleRadius: 0px;

  /* image */
  --ds-image-minHeight: 28px;

  /* imageList */
  --ds-imageList-minHeight: 28px;

  /* infoBanner */
  --ds-infoBanner-container: #172554;
  --ds-infoBanner-onContainer: #BFDBFE;
  --ds-infoBanner-iconColor: #60A5FA;
  --ds-infoBanner-iconSize: 16px;
  --ds-infoBanner-maxInlineSize: 768px;
  --ds-infoBanner-radius: 8px;
  --ds-infoBanner-paddingX: 16px;
  --ds-infoBanner-paddingY: 8px;
  --ds-infoBanner-gap: 8px;
  --ds-infoBanner-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-infoBanner-typography-font-size: 14px;
  --ds-infoBanner-typography-font-weight: 400;
  --ds-infoBanner-typography-line-height: 1.5;
  --ds-infoBanner-tipContainer: #260000;
  --ds-infoBanner-tipIconColor: #F0486B;
  --ds-infoBanner-tipOnContainer: #F78EA3;
  --ds-infoBanner-helpContainer: #2E1E00;
  --ds-infoBanner-helpIconColor: #FFE5BA;
  --ds-infoBanner-helpOnContainer: #F1EDFB;
  --ds-infoBanner-warningContainer: #2E1E00;
  --ds-infoBanner-warningIconColor: #FFE5BA;
  --ds-infoBanner-warningOnContainer: #F1EDFB;
  --ds-infoBanner-errorContainer: #341A0E;
  --ds-infoBanner-errorIconColor: #F98551;
  --ds-infoBanner-errorOnContainer: #F1EDFB;
  --ds-infoBanner-successContainer: #12280D;
  --ds-infoBanner-successIconColor: #14f1a4;
  --ds-infoBanner-successOnContainer: #F1EDFB;
  --ds-infoBanner-titleTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-infoBanner-titleTypography-font-size: 14px;
  --ds-infoBanner-titleTypography-font-weight: 700;
  --ds-infoBanner-titleTypography-line-height: 1.5;
  --ds-infoBanner-actionGap: 8px;
  --ds-infoBanner-dismissIconColor: #B2AACF;
  --ds-infoBanner-border: transparent;
  --ds-infoBanner-borderWidth: 0px;
  --ds-infoBanner-minHeight: 28px;

  /* input */
  --ds-input-container: #1F1A38;
  --ds-input-containerHover: #1F1A38;
  --ds-input-containerDisabled: #1F1A38;
  --ds-input-border: #B2AACF;
  --ds-input-borderAccent: #F0486B;
  --ds-input-borderHover: #F0486B;
  --ds-input-borderFocus: #F0486B;
  --ds-input-borderError: #F98551;
  --ds-input-borderDisabled: #282246;
  --ds-input-borderWidth: 1px;
  --ds-input-borderWidthFocus: 2px;
  --ds-input-text: #F1EDFB;
  --ds-input-textDisabled: #B2AACF;
  --ds-input-placeholder: #B2AACF;
  --ds-input-paddingX: 12px;
  --ds-input-paddingY: 8px;
  --ds-input-paddingYMedium: 8px;
  --ds-input-radius: 8px;
  --ds-input-minHeight: 44px;
  --ds-input-minHeightDense: 32px;
  --ds-input-densePaddingX: 10px;
  --ds-input-densePaddingY: 4px;
  --ds-input-sizeSm: 32px;
  --ds-input-sizeLg: 48px;
  --ds-input-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-input-typography-font-size: 16px;
  --ds-input-typography-font-weight: 400;
  --ds-input-typography-line-height: 1.5;
  --ds-input-label: #F1EDFB;
  --ds-input-labelFontSize: 14px;
  --ds-input-labelFontWeight: 500;
  --ds-input-labelGap: 6px;
  --ds-input-motionDuration: 120ms;
  --ds-input-textareaMinHeight: 44px;
  --ds-input-clearButtonSize: 28px;
  --ds-input-search-container: #1F1A38;
  --ds-input-search-containerHover: #282246;
  --ds-input-search-containerFocus: #1F1A38;
  --ds-input-search-border: #282246;
  --ds-input-search-minHeight: 40px;
  --ds-input-search-gap: 8px;
  --ds-input-search-iconColor: #B2AACF;
  --ds-input-search-iconSize: 20px;
  --ds-input-widthXs: 96px;
  --ds-input-widthSm: 160px;
  --ds-input-widthMd: 240px;
  --ds-input-widthLg: 320px;

  /* item */
  --ds-item-paddingX: 16px;
  --ds-item-paddingY: 8px;
  --ds-item-paddingYCompact: 2px;
  --ds-item-gap: 8px;
  --ds-item-stackedGap: 4px;
  --ds-item-titleMinWidth: 96px;
  --ds-item-minHeight: 28px;

  /* kanban */
  --ds-kanban-columnWidth: 280px;
  --ds-kanban-minHeight: 28px;
  --ds-kanban-cardMenuSize: 28px;
  --ds-kanban-boardGap: 16px;
  --ds-kanban-boardPadding: 4px;
  --ds-kanban-columnGap: 8px;
  --ds-kanban-columnPadding: 8px;
  --ds-kanban-headerGap: 8px;
  --ds-kanban-headerPaddingX: 4px;
  --ds-kanban-headerPaddingY: 4px;
  --ds-kanban-countPaddingX: 8px;
  --ds-kanban-listGap: 8px;
  --ds-kanban-cardGap: 4px;
  --ds-kanban-cardPadding: 8px;
  --ds-kanban-menuPadding: 2px;
  --ds-kanban-menuItemPaddingX: 8px;
  --ds-kanban-menuItemPaddingY: 4px;
  --ds-kanban-switcherTabPaddingX: 16px;

  /* kbd */
  --ds-kbd-gap: 4px;

  /* lightbox */
  --ds-lightbox-navIconSize: 32px;
  --ds-lightbox-stagePadding: 32px;
  --ds-lightbox-figureGap: 8px;
  --ds-lightbox-captionPaddingX: 16px;
  --ds-lightbox-captionPaddingY: 4px;

  /* link */
  --ds-link-color: #F0486B;
  --ds-link-colorHover: #F36B87;
  --ds-link-colorActive: #F78EA3;
  --ds-link-colorVisited: #F78EA3;
  --ds-link-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-link-typography-font-size: 16px;
  --ds-link-typography-font-weight: 400;
  --ds-link-typography-line-height: 1.5;
  --ds-link-colorDisabled: #B2AACF;
  --ds-link-underlineOffset: 2px;
  --ds-link-underlineThickness: 1px;

  /* list */
  --ds-list-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-list-typography-font-size: 16px;
  --ds-list-typography-font-weight: 400;
  --ds-list-typography-line-height: 1.5;
  --ds-list-secondary-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-list-secondary-font-size: 12px;
  --ds-list-secondary-font-weight: 400;
  --ds-list-secondary-line-height: 1.5;
  --ds-list-itemMinHeight: 28px;

  /* listBox */
  --ds-listBox-minHeight: 24px;
  --ds-listBox-container: #1F1A38;
  --ds-listBox-border: #282246;
  --ds-listBox-borderWidth: 1px;
  --ds-listBox-radius: 10px;
  --ds-listBox-optionText: #F1EDFB;
  --ds-listBox-optionHoverContainer: #282246;
  --ds-listBox-optionSelectedContainer: #260000;
  --ds-listBox-optionSelectedText: #F0486B;
  --ds-listBox-listPaddingY: 4px;
  --ds-listBox-optionFocusRingWidth: 2px;
  --ds-listBox-optionFocusRingColor: #E8355A;
  --ds-listBox-optionSelectedHover: #530009;
  --ds-listBox-optionMotionDuration: 120ms;

  /* loadingOverlay */
  --ds-loadingOverlay-scrim: rgba(0, 0, 0, 0.90);
  --ds-loadingOverlay-blur: 8px;
  --ds-loadingOverlay-gap: 8px;
  --ds-loadingOverlay-labelColor: #B2AACF;
  --ds-loadingOverlay-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-loadingOverlay-labelTypography-font-size: 14px;
  --ds-loadingOverlay-labelTypography-font-weight: 400;
  --ds-loadingOverlay-labelTypography-line-height: 1.5;
  --ds-loadingOverlay-barWidth: 60%;
  --ds-loadingOverlay-barHeight: 8px;
  --ds-loadingOverlay-barContainer: #1F1A38;
  --ds-loadingOverlay-barRadius: 2px;
  --ds-loadingOverlay-barFill: #F0486B;
  --ds-loadingOverlay-barFillWidth: 40%;
  --ds-loadingOverlay-skeletonPadding: 16px;
  --ds-loadingOverlay-skeletonGap: 8px;
  --ds-loadingOverlay-skeletonRowHeight: 16px;
  --ds-loadingOverlay-skeletonRowRadius: 2px;
  --ds-loadingOverlay-skeletonRowContainer: #1F1A38;
  --ds-loadingOverlay-motionDurationLoop: 1400ms;

  /* logo */
  --ds-logo-color: #F0486B;
  --ds-logo-colorOriginal: #C1D6B0;
  --ds-logo-colorOriginalGlyph: #FFFFFF;
  --ds-logo-height: 40px;
  --ds-logo-typography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-logo-typography-font-size: 20px;
  --ds-logo-typography-font-weight: 700;
  --ds-logo-typography-line-height: 1.375;

  /* masonry */
  --ds-masonry-minHeight: 28px;

  /* math */
  --ds-math-operatorGap: 4px;
  --ds-math-fractionGap: 2px;
  --ds-math-fractionPaddingX: 2px;
  --ds-math-bracketGap: 2px;

  /* media */
  --ds-media-container: #1F1A38;
  --ds-media-onContainer: #B2AACF;
  --ds-media-border: #282246;
  --ds-media-borderWidth: 1px;
  --ds-media-glyphSize: 24px;
  --ds-media-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-media-labelTypography-font-size: 14px;
  --ds-media-labelTypography-font-weight: 400;
  --ds-media-labelTypography-line-height: 1.5;
  --ds-media-placeholderGap: 4px;
  --ds-media-placeholderPadding: 16px;
  --ds-media-cornerInset: 8px;

  /* menu */
  --ds-menu-container: #1F1A38;
  --ds-menu-onContainer: #F1EDFB;
  --ds-menu-containerRadius: 14px;
  --ds-menu-containerPaddingY: 4px;
  --ds-menu-containerMinHeight: 28px;
  --ds-menu-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-menu-minWidth: 160px;
  --ds-menu-maxHeight: 320px;
  --ds-menu-border: #282246;
  --ds-menu-borderWidth: 0px;
  --ds-menu-offset: 0px;
  --ds-menu-motionDuration: 120ms;
  --ds-menu-submenuOpenDelay: 300ms;
  --ds-menu-itemMinHeight: 44px;
  --ds-menu-itemFocusRing: #E8355A;
  --ds-menu-itemFocusRingWidth: 2px;
  --ds-menu-itemFocusRingOffset: -2px;
  --ds-menu-itemIconSize: 16px;
  --ds-menu-itemIconColor: #B2AACF;
  --ds-menu-itemContainer: transparent;
  --ds-menu-itemContainerHover: #282246;
  --ds-menu-itemContainerSelected: #260000;
  --ds-menu-itemText: #F1EDFB;
  --ds-menu-itemTextSelected: #F0486B;
  --ds-menu-itemTextDanger: #F98551;
  --ds-menu-itemTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-menu-itemTypography-font-size: 16px;
  --ds-menu-itemTypography-font-weight: 400;
  --ds-menu-itemTypography-line-height: 1.5;
  --ds-menu-itemPaddingX: 16px;
  --ds-menu-itemPaddingY: 8px;
  --ds-menu-itemGap: 8px;
  --ds-menu-dividerColor: #282246;
  --ds-menu-dividerWidth: 1px;
  --ds-menu-dividerSpacing: 4px;

  /* metadataList */
  --ds-metadataList-minHeight: 28px;

  /* mobileNavToggle */
  --ds-mobileNavToggle-size: 40px;

  /* modal */
  --ds-modal-overlay: rgba(0, 0, 0, 0.6);
  --ds-modal-container: #1F1A38;
  --ds-modal-onContainer: #F1EDFB;
  --ds-modal-containerRadius: 14px;
  --ds-modal-minWidth: 192px;
  --ds-modal-minHeight: 56px;
  --ds-modal-widthSm: 444px;
  --ds-modal-widthMd: 600px;
  --ds-modal-widthLg: 900px;
  --ds-modal-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.09), 0px 16px 32px 0px rgba(255,255,255,0.12);
  --ds-modal-headerContainer: #1F1A38;
  --ds-modal-headerBorder: #282246;
  --ds-modal-headerPaddingX: 24px;
  --ds-modal-headerPaddingY: 16px;
  --ds-modal-chromeBarHeight: 48px;
  --ds-modal-contentBackground: #1F1A38;
  --ds-modal-contentPaddingX: 24px;
  --ds-modal-contentPaddingY: 16px;
  --ds-modal-titleTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-modal-titleTypography-font-size: 20px;
  --ds-modal-titleTypography-font-weight: 700;
  --ds-modal-titleTypography-line-height: 1.375;
  --ds-modal-bodyTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-modal-bodyTypography-font-size: 16px;
  --ds-modal-bodyTypography-font-weight: 400;
  --ds-modal-bodyTypography-line-height: 1.5;
  --ds-modal-titleColor: #F1EDFB;
  --ds-modal-headerBorderWidth: 1px;
  --ds-modal-footerPaddingX: 24px;
  --ds-modal-footerPaddingY: 16px;
  --ds-modal-footerGap: 8px;
  --ds-modal-footerRadius: 14px;
  --ds-modal-motionDurationEnter: 225ms;
  --ds-modal-motionDurationExit: 195ms;
  --ds-modal-motionEasing: cubic-bezier(0.4, 0, 0.2, 1);

  /* modalChromeShell */
  --ds-modalChromeShell-container: #1F1A38;
  --ds-modalChromeShell-border: #B2AACF;
  --ds-modalChromeShell-height: 48px;
  --ds-modalChromeShell-paddingX: 24px;
  --ds-modalChromeShell-circleSize: 20px;
  --ds-modalChromeShell-circleFontSize: 11px;
  --ds-modalChromeShell-circleBorder: #282246;
  --ds-modalChromeShell-onCircle: #B2AACF;
  --ds-modalChromeShell-circleContainerActive: #F0486B;
  --ds-modalChromeShell-onCircleActive: #17132A;
  --ds-modalChromeShell-circleContainerComplete: #14f1a4;
  --ds-modalChromeShell-onCircleComplete: #17132A;
  --ds-modalChromeShell-connectorLength: 24px;
  --ds-modalChromeShell-connectorThickness: 2px;
  --ds-modalChromeShell-connectorColor: #282246;
  --ds-modalChromeShell-connectorColorComplete: #14f1a4;

  /* moduleCard */
  --ds-moduleCard-minHeight: 28px;
  --ds-moduleCard-container: #1F1A38;
  --ds-moduleCard-border: #282246;
  --ds-moduleCard-borderWidth: 1px;
  --ds-moduleCard-radius: 14px;
  --ds-moduleCard-padding: 24px;
  --ds-moduleCard-gap: 16px;
  --ds-moduleCard-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-moduleCard-dimmedOpacity: 0.55;
  --ds-moduleCard-checkIconWeight: 700;
  --ds-moduleCard-containerHover: #282246;
  --ds-moduleCard-containerActive: #332D56;
  --ds-moduleCard-headerIconSize: 24px;
  --ds-moduleCard-headerGap: 8px;
  --ds-moduleCard-titleColor: #F1EDFB;
  --ds-moduleCard-titleTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-moduleCard-titleTypography-font-size: 20px;
  --ds-moduleCard-titleTypography-font-weight: 700;
  --ds-moduleCard-titleTypography-line-height: 1.375;
  --ds-moduleCard-titleMinWidth: 120px;
  --ds-moduleCard-relevanceContainer: #04201A;
  --ds-moduleCard-relevanceRadius: 10px;
  --ds-moduleCard-relevancePaddingX: 16px;
  --ds-moduleCard-relevancePaddingY: 8px;
  --ds-moduleCard-descriptionColor: #F1EDFB;
  --ds-moduleCard-descriptionTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-moduleCard-descriptionTypography-font-size: 14px;
  --ds-moduleCard-descriptionTypography-font-weight: 400;
  --ds-moduleCard-descriptionTypography-line-height: 1.5;
  --ds-moduleCard-exampleColor: #B2AACF;
  --ds-moduleCard-exampleTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-moduleCard-exampleTypography-font-size: 12px;
  --ds-moduleCard-exampleTypography-font-weight: 400;
  --ds-moduleCard-exampleTypography-line-height: 1.5;
  --ds-moduleCard-checklistGap: 6px;
  --ds-moduleCard-checkIconComplete: #14f1a4;
  --ds-moduleCard-checkIconPending: #B2AACF;
  --ds-moduleCard-checkTextComplete: #F1EDFB;
  --ds-moduleCard-checkTextPending: #B2AACF;
  --ds-moduleCard-checkIconSize: 16px;
  --ds-moduleCard-checkGap: 8px;
  --ds-moduleCard-checkTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-moduleCard-checkTypography-font-size: 14px;
  --ds-moduleCard-checkTypography-font-weight: 400;
  --ds-moduleCard-checkTypography-line-height: 1.5;
  --ds-moduleCard-warningColor: #F98551;
  --ds-moduleCard-warningIconColor: #F98551;
  --ds-moduleCard-warningTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-moduleCard-warningTypography-font-size: 12px;
  --ds-moduleCard-warningTypography-font-weight: 400;
  --ds-moduleCard-warningTypography-line-height: 1.5;
  --ds-moduleCard-progressTrack: #282246;
  --ds-moduleCard-progressFill: #14f1a4;
  --ds-moduleCard-progressHeight: 4px;

  /* moduleSidebar */
  --ds-moduleSidebar-container: #1F1A38;
  --ds-moduleSidebar-border: #282246;
  --ds-moduleSidebar-borderWidth: 1px;
  --ds-moduleSidebar-width: 240px;
  --ds-moduleSidebar-paddingY: 16px;
  --ds-moduleSidebar-sectionPaddingX: 24px;
  --ds-moduleSidebar-sectionGap: 16px;
  --ds-moduleSidebar-navPaddingX: 8px;
  --ds-moduleSidebar-itemGap: 2px;
  --ds-moduleSidebar-itemPaddingX: 16px;
  --ds-moduleSidebar-itemPaddingY: 10px;
  --ds-moduleSidebar-itemRadius: 8px;
  --ds-moduleSidebar-itemIconGap: 8px;
  --ds-moduleSidebar-itemColor: #F1EDFB;
  --ds-moduleSidebar-itemIconColor: #B2AACF;
  --ds-moduleSidebar-itemHover: #1F1A38;
  --ds-moduleSidebar-itemActive: #530009;
  --ds-moduleSidebar-onItemActive: #F78EA3;
  --ds-moduleSidebar-itemTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-moduleSidebar-itemTypography-font-size: 14px;
  --ds-moduleSidebar-itemTypography-font-weight: 400;
  --ds-moduleSidebar-itemTypography-line-height: 1.5;
  --ds-moduleSidebar-itemWeight: 500;
  --ds-moduleSidebar-itemWeightActive: 700;
  --ds-moduleSidebar-itemIconSize: 20px;
  --ds-moduleSidebar-focusRingColor: #E8355A;
  --ds-moduleSidebar-focusRingWidth: 2px;
  --ds-moduleSidebar-focusRingOffset: 2px;
  --ds-moduleSidebar-motionDuration: 120ms;
  --ds-moduleSidebar-motionEasing: cubic-bezier(0.4, 0, 0.2, 1);
  --ds-moduleSidebar-widthCollapsed: 64px;
  --ds-moduleSidebar-itemHoverText: #F1EDFB;

  /* navHeadingMenu */
  --ds-navHeadingMenu-triggerMinHeight: 28px;

  /* navLink */
  --ds-navLink-groupGap: 2px;
  --ds-navLink-groupLabelColor: #BBF1AF;
  --ds-navLink-groupLabelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-navLink-groupLabelTypography-font-size: 10px;
  --ds-navLink-groupLabelTypography-font-weight: 700;
  --ds-navLink-groupLabelTypography-line-height: 1.5;

  /* navLinkGroup */
  --ds-navLinkGroup-gap: 16px;
  --ds-navLinkGroup-minHeight: 28px;
  --ds-navLinkGroup-itemColor: #B2AACF;
  --ds-navLinkGroup-itemHoverColor: #F1EDFB;
  --ds-navLinkGroup-itemActiveColor: #F0486B;
  --ds-navLinkGroup-itemTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-navLinkGroup-itemTypography-font-size: 16px;
  --ds-navLinkGroup-itemTypography-font-weight: 700;
  --ds-navLinkGroup-itemTypography-line-height: 1.5;
  --ds-navLinkGroup-itemTypographySmall-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-navLinkGroup-itemTypographySmall-font-size: 12px;
  --ds-navLinkGroup-itemTypographySmall-font-weight: 700;
  --ds-navLinkGroup-itemTypographySmall-line-height: 1.5;
  --ds-navLinkGroup-itemPaddingX: 8px;
  --ds-navLinkGroup-itemPaddingY: 4px;
  --ds-navLinkGroup-underlineWidth: 2px;
  --ds-navLinkGroup-pillContainer: #530009;
  --ds-navLinkGroup-onPillContainer: #F78EA3;
  --ds-navLinkGroup-pillRadius: 9999px;

  /* navigation */
  --ds-navigation-container: #1F1A38;
  --ds-navigation-featuredWidth: 280px;
  --ds-navigation-border: #282246;
  --ds-navigation-borderWidth: 1px;
  --ds-navigation-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-navigation-brandColor: #BBF1AF;
  --ds-navigation-brandTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-navigation-brandTypography-font-size: 20px;
  --ds-navigation-brandTypography-font-weight: 700;
  --ds-navigation-brandTypography-line-height: 1.375;
  --ds-navigation-height: 64px;
  --ds-navigation-paddingX: 24px;
  --ds-navigation-itemColor: #B2AACF;
  --ds-navigation-itemColorHover: #F1EDFB;
  --ds-navigation-itemHover: #282246;
  --ds-navigation-itemActive: #260000;
  --ds-navigation-onItemActive: #F78EA3;
  --ds-navigation-itemPaddingX: 12px;
  --ds-navigation-itemPaddingY: 8px;
  --ds-navigation-itemRadius: 8px;
  --ds-navigation-itemGap: 4px;
  --ds-navigation-itemTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-navigation-itemTypography-font-size: 16px;
  --ds-navigation-itemTypography-font-weight: 700;
  --ds-navigation-itemTypography-line-height: 1.5;
  --ds-navigation-itemWeightActive: 600;
  --ds-navigation-itemMinHeight: 28px;
  --ds-navigation-companyBadgeContainer: #1F1A38;
  --ds-navigation-companyBadgeText: #F1EDFB;
  --ds-navigation-companyBadgeSubtext: #B2AACF;
  --ds-navigation-companyBadgeRadius: 10px;
  --ds-navigation-companyBadgePaddingX: 12px;
  --ds-navigation-companyBadgePaddingY: 8px;
  --ds-navigation-companyBadgeGap: 8px;
  --ds-navigation-companyAvatarSize: 32px;
  --ds-navigation-companyAvatarContainer: #F0486B;

  /* numberInput */
  --ds-numberInput-stepperButtonSize: 28px;
  --ds-numberInput-stepperButtonSizeCompact: 28px;
  --ds-numberInput-stepperButtonMinHeight: 24px;
  --ds-numberInput-stepperButtonContainer: #1F1A38;
  --ds-numberInput-stepperButtonContainerHover: #282246;
  --ds-numberInput-stepperButtonContainerPressed: #260000;
  --ds-numberInput-stepperButtonIcon: #B2AACF;
  --ds-numberInput-stepperDividerColor: #282246;
  --ds-numberInput-paddingX: 8px;
  --ds-numberInput-paddingXCompact: 4px;

  /* outline */
  --ds-outline-indicatorColor: #F0486B;
  --ds-outline-indicatorWidth: 2px;
  --ds-outline-railColor: #282246;
  --ds-outline-itemColor: #B2AACF;
  --ds-outline-itemColorHover: #F1EDFB;
  --ds-outline-itemColorActive: #F0486B;
  --ds-outline-itemPaddingX: 16px;
  --ds-outline-itemPaddingY: 8px;
  --ds-outline-itemPaddingYCompact: 4px;
  --ds-outline-indent: 16px;
  --ds-outline-itemRadius: 2px;
  --ds-outline-minHeight: 28px;
  --ds-outline-linkMinHeight: 28px;

  /* overflowList */
  --ds-overflowList-minHeight: 28px;

  /* overlay */
  --ds-overlay-minHeight: 24px;

  /* pageHeader */
  --ds-pageHeader-container: #1F1A38;
  --ds-pageHeader-borderBottom: #282246;
  --ds-pageHeader-borderBottomWidth: 1px;
  --ds-pageHeader-paddingX: 14px;
  --ds-pageHeader-paddingY: 12px;
  --ds-pageHeader-stackGap: 16px;
  --ds-pageHeader-titleColor: #F1EDFB;
  --ds-pageHeader-titleTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-pageHeader-titleTypography-font-size: 36px;
  --ds-pageHeader-titleTypography-font-weight: 700;
  --ds-pageHeader-titleTypography-line-height: 1.1;
  --ds-pageHeader-titleRowGap: 16px;
  --ds-pageHeader-actionsGap: 8px;
  --ds-pageHeader-entityIdColor: #B2AACF;
  --ds-pageHeader-entityIdTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-pageHeader-entityIdTypography-font-size: 16px;
  --ds-pageHeader-entityIdTypography-font-weight: 400;
  --ds-pageHeader-entityIdTypography-line-height: 1.5;
  --ds-pageHeader-titleToMetaGap: 8px;
  --ds-pageHeader-metaRowGap: 8px;
  --ds-pageHeader-titleMetaColor: #B2AACF;
  --ds-pageHeader-actionsMinWidth: 160px;
  --ds-pageHeader-titleMinWidth: 160px;
  --ds-pageHeader-minHeight: 64px;
  --ds-pageHeader-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-pageHeader-stickyZIndex: 1100;

  /* pagination */
  --ds-pagination-container: #1F1A38;
  --ds-pagination-onContainer: #F1EDFB;
  --ds-pagination-border: #282246;
  --ds-pagination-borderWidth: 1px;
  --ds-pagination-minHeight: 40px;
  --ds-pagination-paddingX: 12px;
  --ds-pagination-paddingY: 10px;
  --ds-pagination-pageSizePaddingX: 12px;
  --ds-pagination-pageSizePaddingEnd: 32px;
  --ds-pagination-pageSizeArrowSize: 8px;
  --ds-pagination-pageSizeArrowColor: #B2AACF;
  --ds-pagination-gap: 16px;
  --ds-pagination-navButtonColor: #B2AACF;
  --ds-pagination-navButtonHover: #F0486B;
  --ds-pagination-navButtonDisabled: #B2AACF;
  --ds-pagination-navButtonSize: 28px;
  --ds-pagination-navButtonSizeSmall: 28px;
  --ds-pagination-navButtonSizeLarge: 48px;
  --ds-pagination-labelColor: #B2AACF;
  --ds-pagination-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-pagination-labelTypography-font-size: 12px;
  --ds-pagination-labelTypography-font-weight: 700;
  --ds-pagination-labelTypography-line-height: 1.5;

  /* panelBar */
  --ds-panelBar-container: #1F1A38;
  --ds-panelBar-headerBg: #1F1A38;
  --ds-panelBar-headerBgHover: #282246;
  --ds-panelBar-headerBgExpanded: #282246;
  --ds-panelBar-headerText: #F1EDFB;
  --ds-panelBar-childHeaderBg: #1F1A38;
  --ds-panelBar-childHeaderBgHover: #282246;
  --ds-panelBar-childHeaderText: #B2AACF;
  --ds-panelBar-contentText: #B2AACF;
  --ds-panelBar-contentBg: #1F1A38;
  --ds-panelBar-border: #282246;
  --ds-panelBar-icon: #B2AACF;
  --ds-panelBar-borderWidth: 1px;
  --ds-panelBar-radius: 14px;
  --ds-panelBar-paddingX: 14px;
  --ds-panelBar-paddingY: 16px;
  --ds-panelBar-indentStep: 24px;
  --ds-panelBar-iconSize: 1em;
  --ds-panelBar-focusRingColor: #E8355A;
  --ds-panelBar-focusRingWidth: 2px;
  --ds-panelBar-focusRingOffset: -2px;
  --ds-panelBar-motionDuration: 150ms;
  --ds-panelBar-iconMotionDuration: 200ms;
  --ds-panelBar-disabledOpacity: 0.38;
  --ds-panelBar-headerTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-panelBar-headerTypography-font-size: 16px;
  --ds-panelBar-headerTypography-font-weight: 700;
  --ds-panelBar-headerTypography-line-height: 1.5;
  --ds-panelBar-childTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-panelBar-childTypography-font-size: 14px;
  --ds-panelBar-childTypography-font-weight: 700;
  --ds-panelBar-childTypography-line-height: 1.5;
  --ds-panelBar-minHeight: 28px;

  /* popover */
  --ds-popover-container: #1F1A38;
  --ds-popover-border: #282246;
  --ds-popover-headerText: #F1EDFB;
  --ds-popover-bodyText: #B2AACF;
  --ds-popover-shadow: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-popover-radius: 14px;
  --ds-popover-minHeight: 48px;
  --ds-popover-borderWidth: 1px;
  --ds-popover-widthSm: 240px;
  --ds-popover-widthMd: 320px;
  --ds-popover-widthLg: 480px;
  --ds-popover-gap: 8px;
  --ds-popover-offset: 8px;
  --ds-popover-headerTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-popover-headerTypography-font-size: 16px;
  --ds-popover-headerTypography-font-weight: 700;
  --ds-popover-headerTypography-line-height: 1.5;
  --ds-popover-bodyTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-popover-bodyTypography-font-size: 14px;
  --ds-popover-bodyTypography-font-weight: 400;
  --ds-popover-bodyTypography-line-height: 1.5;
  --ds-popover-dividerColor: #282246;
  --ds-popover-dividerWidth: 1px;
  --ds-popover-actionsGap: 8px;
  --ds-popover-paddingX: 12px;
  --ds-popover-paddingY: 12px;
  --ds-popover-headerGap: 8px;
  --ds-popover-motionDuration: 225ms;
  --ds-popover-motionEasing: cubic-bezier(0, 0, 0.2, 1);

  /* popoverDialog */
  --ds-popoverDialog-headerPaddingX: 24px;
  --ds-popoverDialog-headerPaddingY: 16px;
  --ds-popoverDialog-contentPaddingX: 24px;
  --ds-popoverDialog-contentPaddingY: 16px;
  --ds-popoverDialog-footerPaddingX: 24px;
  --ds-popoverDialog-footerPaddingY: 16px;
  --ds-popoverDialog-footerGap: 8px;

  /* progressBar */
  --ds-progressBar-track: #1F1A38;
  --ds-progressBar-fill: #F0486B;
  --ds-progressBar-fillComplete: #14f1a4;
  --ds-progressBar-fillTertiary: #8B7CF0;
  --ds-progressBar-fillIndigo: #3EC5AA;
  --ds-progressBar-height: 6px;
  --ds-progressBar-heightCard: 4px;
  --ds-progressBar-heightModal: 3px;
  --ds-progressBar-heightDashboard: 28px;
  --ds-progressBar-radius: 2px;
  --ds-progressBar-radiusModal: 0px;
  --ds-progressBar-labelColor: #F1EDFB;
  --ds-progressBar-fillTransitionDuration: 300ms;
  --ds-progressBar-fillTransitionEasing: cubic-bezier(0.4, 0, 0.2, 1);
  --ds-progressBar-indeterminateDuration: 375ms;

  /* progressIndicator */
  --ds-progressIndicator-container: #1F1A38;
  --ds-progressIndicator-containerBorder: #282246;
  --ds-progressIndicator-containerRadius: 14px;
  --ds-progressIndicator-containerPadding: 24px;
  --ds-progressIndicator-containerGap: 8px;
  --ds-progressIndicator-titleColor: #F1EDFB;
  --ds-progressIndicator-titleTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-progressIndicator-titleTypography-font-size: 14px;
  --ds-progressIndicator-titleTypography-font-weight: 700;
  --ds-progressIndicator-titleTypography-line-height: 1.5;
  --ds-progressIndicator-statsColor: #B2AACF;
  --ds-progressIndicator-statsTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-progressIndicator-statsTypography-font-size: 14px;
  --ds-progressIndicator-statsTypography-font-weight: 400;
  --ds-progressIndicator-statsTypography-line-height: 1.5;
  --ds-progressIndicator-dotSize: 8px;
  --ds-progressIndicator-barRadius: 3px;
  --ds-progressIndicator-barTrack: #1F1A38;
  --ds-progressIndicator-barFill: #F0486B;
  --ds-progressIndicator-dotActive: #FFB700;
  --ds-progressIndicator-dotUndecided: #F0486B;
  --ds-progressIndicator-dotComplete: #14f1a4;
  --ds-progressIndicator-labelActive: #FFB700;
  --ds-progressIndicator-labelUndecided: #F0486B;
  --ds-progressIndicator-labelComplete: #14f1a4;
  --ds-progressIndicator-legendGap: 16px;
  --ds-progressIndicator-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-progressIndicator-labelTypography-font-size: 12px;
  --ds-progressIndicator-labelTypography-font-weight: 400;
  --ds-progressIndicator-labelTypography-line-height: 1.5;
  --ds-progressIndicator-minHeight: 24px;

  /* progressOverview */
  --ds-progressOverview-itemGap: 4px;
  --ds-progressOverview-connectorThickness: 2px;
  --ds-progressOverview-connectorMinLength: 16px;
  --ds-progressOverview-segmentThickness: 6px;
  --ds-progressOverview-segmentMinLength: 32px;
  --ds-progressOverview-segmentRadius: 9999px;

  /* progressSummary */
  --ds-progressSummary-container: #1F1A38;
  --ds-progressSummary-border: #282246;
  --ds-progressSummary-borderWidth: 1px;
  --ds-progressSummary-radius: 14px;
  --ds-progressSummary-padding: 24px;
  --ds-progressSummary-gap: 8px;
  --ds-progressSummary-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-progressSummary-titleColor: #F1EDFB;
  --ds-progressSummary-fractionColor: #B2AACF;
  --ds-progressSummary-fractionFontSize: 13px;
  --ds-progressSummary-trackHeight: 8px;
  --ds-progressSummary-trackRadius: 9999px;
  --ds-progressSummary-trackColor: #282246;
  --ds-progressSummary-fillColor: #F0486B;
  --ds-progressSummary-fillColorComplete: #14f1a4;
  --ds-progressSummary-fillTransitionDuration: 300ms;
  --ds-progressSummary-fillTransitionEasing: cubic-bezier(0.4, 0, 0.2, 1);
  --ds-progressSummary-legendGap: 24px;
  --ds-progressSummary-legendItemGap: 6px;
  --ds-progressSummary-legendDotSize: 8px;
  --ds-progressSummary-legendTextColor: #B2AACF;
  --ds-progressSummary-dotActive: #FFB700;
  --ds-progressSummary-dotUndecided: #F0486B;
  --ds-progressSummary-dotIrrelevant: #B2AACF;
  --ds-progressSummary-dotComplete: #14f1a4;
  --ds-progressSummary-minHeight: 24px;

  /* qrcode */
  --ds-qrcode-minHeight: 160px;

  /* radio */
  --ds-radio-circleSize: 20px;
  --ds-radio-targetSize: 24px;
  --ds-radio-dotSize: 10px;
  --ds-radio-border: #B2AACF;
  --ds-radio-borderHover: #F0486B;
  --ds-radio-borderSelected: #F0486B;
  --ds-radio-borderError: #F98551;
  --ds-radio-fill: #F0486B;
  --ds-radio-borderWidth: 2px;
  --ds-radio-groupGap: 12px;
  --ds-radio-labelGap: 8px;
  --ds-radio-cardContainer: #1F1A38;
  --ds-radio-cardContainerSelected: #260000;
  --ds-radio-cardBorder: #B2AACF;
  --ds-radio-cardBorderSelected: #F0486B;
  --ds-radio-cardPadding: 16px;
  --ds-radio-cardRadius: 10px;
  --ds-radio-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-radio-labelTypography-font-size: 16px;
  --ds-radio-labelTypography-font-weight: 400;
  --ds-radio-labelTypography-line-height: 1.5;
  --ds-radio-label: #F1EDFB;

  /* rating */
  --ds-rating-filled: #FFB700;
  --ds-rating-empty: #282246;
  --ds-rating-hovered: #FFB700;
  --ds-rating-starSize: 24px;
  --ds-rating-starSizeSm: 19.2px;
  --ds-rating-starSizeLg: 33.6px;
  --ds-rating-starTargetMin: 24px;
  --ds-rating-gap: 4px;
  --ds-rating-focusRingWidth: 2px;
  --ds-rating-focusRingRadius: 2px;
  --ds-rating-hoverScale: 1.1;
  --ds-rating-transitionDuration: 150ms;

  /* resourceScheduleGrid */
  --ds-resourceScheduleGrid-container: #1F1A38;
  --ds-resourceScheduleGrid-containerRadius: 8px;
  --ds-resourceScheduleGrid-gridline: #282246;
  --ds-resourceScheduleGrid-gridlineWidth: 1px;
  --ds-resourceScheduleGrid-headerContainer: #17132A;
  --ds-resourceScheduleGrid-headerText: #B2AACF;
  --ds-resourceScheduleGrid-headerTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-resourceScheduleGrid-headerTypography-font-size: 10px;
  --ds-resourceScheduleGrid-headerTypography-font-weight: 700;
  --ds-resourceScheduleGrid-headerTypography-line-height: 1.5;
  --ds-resourceScheduleGrid-resourceText: #F1EDFB;
  --ds-resourceScheduleGrid-resourceTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-resourceScheduleGrid-resourceTypography-font-size: 14px;
  --ds-resourceScheduleGrid-resourceTypography-font-weight: 700;
  --ds-resourceScheduleGrid-resourceTypography-line-height: 1.5;
  --ds-resourceScheduleGrid-resourceMetaText: #B2AACF;
  --ds-resourceScheduleGrid-resourceColumnWidth: 168px;
  --ds-resourceScheduleGrid-slotMinWidth: 72px;
  --ds-resourceScheduleGrid-rowMinHeight: 44px;
  --ds-resourceScheduleGrid-cellPadding: 2px;
  --ds-resourceScheduleGrid-blockContainer: #530009;
  --ds-resourceScheduleGrid-onBlock: #F78EA3;
  --ds-resourceScheduleGrid-blockContainerTertiary: #201C3B;
  --ds-resourceScheduleGrid-onBlockTertiary: #F1EDFB;
  --ds-resourceScheduleGrid-blockContainerIndigo: #0B2721;
  --ds-resourceScheduleGrid-onBlockIndigo: #9FF3DE;
  --ds-resourceScheduleGrid-blockRadius: 2px;
  --ds-resourceScheduleGrid-blockPadding: 4px;
  --ds-resourceScheduleGrid-blockGap: 2px;
  --ds-resourceScheduleGrid-blockMinHeight: 44px;
  --ds-resourceScheduleGrid-clashBorder: #F98551;
  --ds-resourceScheduleGrid-clashBorderWidth: 2px;
  --ds-resourceScheduleGrid-clashMarkerContainer: #341A0E;
  --ds-resourceScheduleGrid-onClashMarker: #F1EDFB;
  --ds-resourceScheduleGrid-clashMarkerRadius: 9999px;
  --ds-resourceScheduleGrid-clashMarkerTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-resourceScheduleGrid-clashMarkerTypography-font-size: 12px;
  --ds-resourceScheduleGrid-clashMarkerTypography-font-weight: 700;
  --ds-resourceScheduleGrid-clashMarkerTypography-line-height: 1.5;
  --ds-resourceScheduleGrid-focusRingWidth: 2px;
  --ds-resourceScheduleGrid-focusRingOffset: 2px;

  /* reviewCard */
  --ds-reviewCard-minHeight: 28px;

  /* segmentedControl */
  --ds-segmentedControl-container: #1F1A38;
  --ds-segmentedControl-containerBorder: #282246;
  --ds-segmentedControl-containerBorderWidth: 1px;
  --ds-segmentedControl-containerRadius: 10px;
  --ds-segmentedControl-containerPadding: 2px;
  --ds-segmentedControl-itemContainer: transparent;
  --ds-segmentedControl-itemContainerSelected: #1F1A38;
  --ds-segmentedControl-itemContainerSelectedPositive: #14f1a4;
  --ds-segmentedControl-itemContainerSelectedNegative: #F98551;
  --ds-segmentedControl-itemText: #B2AACF;
  --ds-segmentedControl-itemTextSelected: #F1EDFB;
  --ds-segmentedControl-itemTextSelectedPositive: #17132A;
  --ds-segmentedControl-itemTextSelectedNegative: #17132A;
  --ds-segmentedControl-itemContainerSelectedTertiary: #201C3B;
  --ds-segmentedControl-itemTextSelectedTertiary: #F1EDFB;
  --ds-segmentedControl-itemBorderSelected: #B2AACF;
  --ds-segmentedControl-itemBorderSelectedTertiary: #A99EF5;
  --ds-segmentedControl-itemContainerSelectedIndigo: #0B2721;
  --ds-segmentedControl-itemTextSelectedIndigo: #9FF3DE;
  --ds-segmentedControl-itemBorderSelectedIndigo: #8FE3CE;
  --ds-segmentedControl-itemRadius: 8px;
  --ds-segmentedControl-itemMinHeight: 44px;
  --ds-segmentedControl-itemPaddingX: 12px;
  --ds-segmentedControl-itemPaddingY: 6px;
  --ds-segmentedControl-itemGap: 2px;
  --ds-segmentedControl-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-segmentedControl-labelTypography-font-size: 14px;
  --ds-segmentedControl-labelTypography-font-weight: 400;
  --ds-segmentedControl-labelTypography-line-height: 1.5;
  --ds-segmentedControl-itemTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-segmentedControl-itemTypography-font-size: 14px;
  --ds-segmentedControl-itemTypography-font-weight: 700;
  --ds-segmentedControl-itemTypography-line-height: 1.5;
  --ds-segmentedControl-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-segmentedControl-itemContainerDisabled: transparent;
  --ds-segmentedControl-itemTextDisabled: #B2AACF;
  --ds-segmentedControl-disabledOpacity: 0.38;
  --ds-segmentedControl-itemOpacityDisabled: 0.38;
  --ds-segmentedControl-focusRingWidth: 2px;
  --ds-segmentedControl-focusRingColor: #E8355A;
  --ds-segmentedControl-focusRingOffset: -2px;
  --ds-segmentedControl-compactContainerPadding: 1px;
  --ds-segmentedControl-compactItemGap: 1px;
  --ds-segmentedControl-compactItemPaddingY: 1px;
  --ds-segmentedControl-compactItemPaddingX: 8px;
  --ds-segmentedControl-compactItemMinHeight: 28px;
  --ds-segmentedControl-caretSize: 8px;
  --ds-segmentedControl-caretThickness: 1px;
  --ds-segmentedControl-overflowMenuZIndex: 1000;

  /* select */
  --ds-select-container: #1F1A38;
  --ds-select-containerDisabled: #1F1A38;
  --ds-select-text: #F1EDFB;
  --ds-select-textDisabled: #B2AACF;
  --ds-select-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-select-typography-font-size: 16px;
  --ds-select-typography-font-weight: 400;
  --ds-select-typography-line-height: 1.5;
  --ds-select-border: #B2AACF;
  --ds-select-borderHover: #F0486B;
  --ds-select-borderAccent: #F0486B;
  --ds-select-borderFocus: #F0486B;
  --ds-select-borderError: #F98551;
  --ds-select-borderDisabled: #282246;
  --ds-select-borderWidth: 1px;
  --ds-select-borderWidthFocus: 2px;
  --ds-select-radius: 8px;
  --ds-select-minHeight: 44px;
  --ds-select-minHeightDense: 32px;
  --ds-select-paddingX: 12px;
  --ds-select-paddingY: 8px;
  --ds-select-densePaddingX: 10px;
  --ds-select-densePaddingY: 4px;
  --ds-select-labelGap: 4px;
  --ds-select-fieldGap: 4px;
  --ds-select-clearPaddingX: 8px;
  --ds-select-motionDuration: 120ms;
  --ds-select-helperGap: 4px;
  --ds-select-helperColor: #B2AACF;
  --ds-select-dividerColor: #B2AACF;
  --ds-select-arrowColor: #B2AACF;
  --ds-select-arrowSize: 8px;
  --ds-select-paddingEnd: 32px;
  --ds-select-densePaddingEnd: 24px;

  /* selectableCard */
  --ds-selectableCard-minHeight: 28px;

  /* sideNav */
  --ds-sideNav-container: #1F1A38;
  --ds-sideNav-border: #282246;
  --ds-sideNav-borderWidth: 1px;
  --ds-sideNav-narrowElevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-sideNav-width: 280px;
  --ds-sideNav-collapsedWidth: 64px;
  --ds-sideNav-minWidth: 200px;
  --ds-sideNav-maxWidth: 400px;
  --ds-sideNav-paddingY: 8px;
  --ds-sideNav-paddingX: 8px;
  --ds-sideNav-footerPaddingY: 8px;
  --ds-sideNav-itemGap: 2px;
  --ds-sideNav-itemPaddingX: 8px;
  --ds-sideNav-itemPaddingY: 10px;
  --ds-sideNav-itemMinBlockSize: 44px;
  --ds-sideNav-itemRadius: 8px;
  --ds-sideNav-itemIconGap: 8px;
  --ds-sideNav-childIndent: 24px;
  --ds-sideNav-sectionGap: 16px;
  --ds-sideNav-itemColor: #F1EDFB;
  --ds-sideNav-itemIconColor: #B2AACF;
  --ds-sideNav-itemHover: #282246;
  --ds-sideNav-itemActive: #530009;
  --ds-sideNav-onItemActive: #F78EA3;
  --ds-sideNav-sectionHeadingColor: #B2AACF;
  --ds-sideNav-badgeColor: #B2AACF;
  --ds-sideNav-toggleColor: #B2AACF;
  --ds-sideNav-itemTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-sideNav-itemTypography-font-size: 14px;
  --ds-sideNav-itemTypography-font-weight: 400;
  --ds-sideNav-itemTypography-line-height: 1.5;
  --ds-sideNav-inverseContainer: #120E22;
  --ds-sideNav-onInverseContainer: #F1EDFB;
  --ds-sideNav-onInverseContainerVariant: #B2AACF;
  --ds-sideNav-inverseBorder: #282246;
  --ds-sideNav-inverseItemHover: #1F1A38;
  --ds-sideNav-inverseItemActive: #282246;
  --ds-sideNav-inverseFocusRing: #F1EDFB;

  /* skeleton */
  --ds-skeleton-container: rgba(255, 255, 255, 0.16);
  --ds-skeleton-border: #DAD5EA;
  --ds-skeleton-borderWidth: 1px;
  --ds-skeleton-waveHighlight: rgba(255, 255, 255, 0.5);
  --ds-skeleton-radius: 4px;
  --ds-skeleton-textHeight: 1em;
  --ds-skeleton-motionDuration: 1500ms;

  /* slider */
  --ds-slider-track: #282246;
  --ds-slider-trackFill: #F0486B;
  --ds-slider-thumb: #F0486B;
  --ds-slider-thumbBorder: #17132A;
  --ds-slider-thumbHover: #F36B87;
  --ds-slider-thumbActive: #F78EA3;
  --ds-slider-thumbFocusRing: #260000;
  --ds-slider-tickMark: #B2AACF;
  --ds-slider-label: #B2AACF;
  --ds-slider-trackHeight: 4px;
  --ds-slider-trackHeightSm: 3px;
  --ds-slider-trackHeightLg: 6px;
  --ds-slider-hitAreaMinHeight: 28px;
  --ds-slider-thumbSize: 20px;
  --ds-slider-thumbSizeSm: 16px;
  --ds-slider-thumbSizeLg: 24px;
  --ds-slider-thumbRadius: 9999px;
  --ds-slider-thumbBorderWidth: 2px;
  --ds-slider-trackRadius: 9999px;
  --ds-slider-focusRingWidth: 4px;
  --ds-slider-rangeTrackMarginY: 14px;
  --ds-slider-tickSize: 4px;
  --ds-slider-transitionDuration: 150ms;
  --ds-slider-thumbColorDisabled: #B2AACF;
  --ds-slider-trackFillColorDisabled: #282246;
  --ds-slider-bubbleOffset: 4px;
  --ds-slider-bubblePaddingY: 2px;
  --ds-slider-bubblePaddingX: 6px;
  --ds-slider-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-slider-labelTypography-font-size: 12px;
  --ds-slider-labelTypography-font-weight: 400;
  --ds-slider-labelTypography-line-height: 1.5;

  /* snackbar */
  --ds-snackbar-container: #F1EDFB;
  --ds-snackbar-onContainer: #1F1A38;
  --ds-snackbar-containerInfo: #60A5FA;
  --ds-snackbar-onContainerInfo: #17132A;
  --ds-snackbar-containerSuccess: #14f1a4;
  --ds-snackbar-onContainerSuccess: #17132A;
  --ds-snackbar-containerWarning: #FFB700;
  --ds-snackbar-onContainerWarning: #17132A;
  --ds-snackbar-containerError: #F98551;
  --ds-snackbar-onContainerError: #17132A;
  --ds-snackbar-radius: 8px;
  --ds-snackbar-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-snackbar-paddingX: 24px;
  --ds-snackbar-paddingY: 8px;
  --ds-snackbar-gap: 16px;
  --ds-snackbar-offset: 24px;
  --ds-snackbar-minWidth: 288px;
  --ds-snackbar-maxWidth: 560px;
  --ds-snackbar-minHeight: 28px;

  /* speedDial */
  --ds-speedDial-gap: 8px;
  --ds-speedDial-labelContainer: #1F1A38;
  --ds-speedDial-labelText: #F1EDFB;
  --ds-speedDial-labelRadius: 2px;
  --ds-speedDial-labelPaddingX: 8px;
  --ds-speedDial-labelPaddingY: 2px;
  --ds-speedDial-labelElevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.07), 0px 4px 6px 0px rgba(255,255,255,0.08);

  /* split */
  --ds-split-gap: 24px;
  --ds-split-railWidthSm: 280px;
  --ds-split-railWidthMd: 360px;
  --ds-split-railWidthLg: 440px;
  --ds-split-railWidthXl: 520px;
  --ds-split-railStickyOffset: 0;
  --ds-split-railMinWidth: 0;

  /* splitButton */
  --ds-splitButton-container: #F0486B;
  --ds-splitButton-containerHover: #F36B87;
  --ds-splitButton-containerActive: #F78EA3;
  --ds-splitButton-onContainer: #17132A;
  --ds-splitButton-divider: #17132A;
  --ds-splitButton-dividerOpacity: 0.25;
  --ds-splitButton-menuContainer: #1F1A38;
  --ds-splitButton-menuBorder: #282246;
  --ds-splitButton-menuItemHover: #282246;
  --ds-splitButton-menuText: #F1EDFB;
  --ds-splitButton-radius: 10px;
  --ds-splitButton-menuRadius: 14px;
  --ds-splitButton-paddingX: 14px;
  --ds-splitButton-paddingY: 8px;
  --ds-splitButton-menuPaddingY: 4px;
  --ds-splitButton-menuItemPaddingX: 14px;
  --ds-splitButton-menuItemPaddingY: 8px;
  --ds-splitButton-menuShadow: inset 0px 0px 0px 9999px rgba(255,255,255,0.07), 0px 4px 6px 0px rgba(255,255,255,0.08);
  --ds-splitButton-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-splitButton-typography-font-size: 16px;
  --ds-splitButton-typography-font-weight: 700;
  --ds-splitButton-typography-line-height: 1.5;
  --ds-splitButton-dividerWidth: 1px;
  --ds-splitButton-menuOffset: 4px;
  --ds-splitButton-borderWidth: 1px;
  --ds-splitButton-gap: 8px;
  --ds-splitButton-minHeight: 44px;
  --ds-splitButton-disabledOpacity: 0.38;
  --ds-splitButton-focusRingColor: #E8355A;
  --ds-splitButton-focusRingWidth: 2px;
  --ds-splitButton-focusRingOffset: 2px;
  --ds-splitButton-motionDuration: 120ms;
  --ds-splitButton-secondaryContainer: #1F1A38;
  --ds-splitButton-secondaryOnContainer: #F1EDFB;
  --ds-splitButton-secondaryBorder: #B2AACF;
  --ds-splitButton-secondaryContainerHover: #282246;
  --ds-splitButton-secondaryContainerActive: #332D56;

  /* splitter */
  --ds-splitter-container: #1F1A38;
  --ds-splitter-handleBg: #1F1A38;
  --ds-splitter-handleBgHover: #282246;
  --ds-splitter-handleIcon: #B2AACF;
  --ds-splitter-border: #282246;
  --ds-splitter-handleWidth: 8px;
  --ds-splitter-handleRadius: 2px;
  --ds-splitter-minHeight: 200px;
  --ds-splitter-gripDotSize: 4px;
  --ds-splitter-gripGap: 3px;

  /* statCard */
  --ds-statCard-minHeight: 28px;
  --ds-statCard-container: #1F1A38;
  --ds-statCard-border: #282246;
  --ds-statCard-borderWidth: 1px;
  --ds-statCard-radius: 14px;
  --ds-statCard-padding: 24px;
  --ds-statCard-maxInlineSize: 480px;
  --ds-statCard-gap: 4px;
  --ds-statCard-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-statCard-labelColor: #B2AACF;
  --ds-statCard-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-statCard-labelTypography-font-size: 12px;
  --ds-statCard-labelTypography-font-weight: 700;
  --ds-statCard-labelTypography-line-height: 1.5;
  --ds-statCard-valueColor: #F1EDFB;
  --ds-statCard-valueTypography-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-statCard-valueTypography-font-size: 36px;
  --ds-statCard-valueTypography-font-weight: 700;
  --ds-statCard-valueTypography-line-height: 1.1;
  --ds-statCard-sublabelColor: #B2AACF;
  --ds-statCard-sublabelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-statCard-sublabelTypography-font-size: 12px;
  --ds-statCard-sublabelTypography-font-weight: 400;
  --ds-statCard-sublabelTypography-line-height: 1.5;
  --ds-statCard-iconBadgeContainer: #530009;
  --ds-statCard-iconBadgeOnContainer: #F78EA3;
  --ds-statCard-iconBadgeRadius: 8px;
  --ds-statCard-iconBadgePadding: 8px;
  --ds-statCard-iconBadgeSize: 24px;
  --ds-statCard-rowGap: 4px;
  --ds-statCard-elevationHover: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-statCard-focusRingWidth: 2px;
  --ds-statCard-focusRingOffset: 2px;
  --ds-statCard-borderActive: #F0486B;
  --ds-statCard-ringWidthActive: 1px;
  --ds-statCard-selectedIndicator: #F0486B;
  --ds-statCard-underlineWidthActive: 2px;
  --ds-statCard-dotSize: 8px;
  --ds-statCard-toneNeutralColor: #B2AACF;
  --ds-statCard-toneTertiaryColor: #8B7CF0;
  --ds-statCard-paddingCompact: 16px;
  --ds-statCard-valueTypographyCompact-font-family: Bricolage Grotesque, Instrument Sans, system-ui, sans-serif;
  --ds-statCard-valueTypographyCompact-font-size: 28px;
  --ds-statCard-valueTypographyCompact-font-weight: 700;
  --ds-statCard-valueTypographyCompact-line-height: 1.1;
  --ds-statCard-motionDuration: 120ms;
  --ds-statCard-motionEasing: ease;
  --ds-statCard-tonePrimaryColor: #F0486B;
  --ds-statCard-tonePrimaryContainer: #260000;
  --ds-statCard-toneInfoColor: #60A5FA;
  --ds-statCard-toneInfoContainer: #172554;
  --ds-statCard-toneSuccessColor: #14f1a4;
  --ds-statCard-toneSuccessContainer: #183013;
  --ds-statCard-toneWarningColor: #FFB700;
  --ds-statCard-toneWarningContainer: #362606;
  --ds-statCard-toneErrorColor: #F98551;
  --ds-statCard-toneErrorContainer: #3C2115;

  /* stepper */
  --ds-stepper-circleSize: 40px;
  --ds-stepper-circleSizeActive: 48px;
  --ds-stepper-circleSizeCompact: 20px;
  --ds-stepper-circleHitAreaCompact: 28px;
  --ds-stepper-circleFontSizeCompact: 11px;
  --ds-stepper-connectorLengthCompact: 24px;
  --ds-stepper-connectorMinLength: 10px;
  --ds-stepper-checkSize: 50%;
  --ds-stepper-dotSize: 8px;
  --ds-stepper-dotRadius: 9999px;
  --ds-stepper-sideConnectorLength: 24px;
  --ds-stepper-circleContainer: #1F1A38;
  --ds-stepper-circleContainerActive: #F0486B;
  --ds-stepper-circleContainerComplete: #14f1a4;
  --ds-stepper-onCircle: #B2AACF;
  --ds-stepper-onCircleActive: #17132A;
  --ds-stepper-onCircleComplete: #17132A;
  --ds-stepper-connectorColor: #282246;
  --ds-stepper-connectorColorComplete: #14f1a4;
  --ds-stepper-connectorHeight: 2px;
  --ds-stepper-labelColor: #B2AACF;
  --ds-stepper-labelColorActive: #F1EDFB;
  --ds-stepper-labelColorHover: #F0486B;
  --ds-stepper-focusRingWidth: 2px;
  --ds-stepper-focusRingOffset: 2px;
  --ds-stepper-labelMaxWidth: 120px;
  --ds-stepper-labelGap: 8px;
  --ds-stepper-gap: 4px;
  --ds-stepper-paddingCompact: 10px;
  --ds-stepper-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-stepper-labelTypography-font-size: 12px;
  --ds-stepper-labelTypography-font-weight: 400;
  --ds-stepper-labelTypography-line-height: 1.5;
  --ds-stepper-circleFontWeight: 700;
  --ds-stepper-labelFontWeightActive: 700;
  --ds-stepper-compactCircleContainer: transparent;
  --ds-stepper-compactCircleBorder: #282246;
  --ds-stepper-compactOnCircle: #B2AACF;
  --ds-stepper-compactCircleContainerActive: #F0486B;
  --ds-stepper-compactOnCircleActive: #17132A;
  --ds-stepper-compactCircleContainerComplete: #14f1a4;
  --ds-stepper-compactOnCircleComplete: #17132A;

  /* switch */
  --ds-switch-track: #1F1A38;
  --ds-switch-trackOn: #F0486B;
  --ds-switch-trackHover: #282246;
  --ds-switch-trackOnHover: #F36B87;
  --ds-switch-trackBorderColor: #B2AACF;
  --ds-switch-trackError: #F98551;
  --ds-switch-thumb: #B2AACF;
  --ds-switch-thumbOn: #1F1A38;
  --ds-switch-trackWidth: 48px;
  --ds-switch-trackHeight: 24px;
  --ds-switch-thumbSize: 20px;
  --ds-switch-trackRadius: 9999px;
  --ds-switch-thumbRadius: 9999px;
  --ds-switch-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-switch-labelTypography-font-size: 16px;
  --ds-switch-labelTypography-font-weight: 400;
  --ds-switch-labelTypography-line-height: 1.5;
  --ds-switch-labelGap: 8px;
  --ds-switch-borderWidth: 1px;
  --ds-switch-motionDuration: 120ms;
  --ds-switch-trackDisabled: #1F1A38;
  --ds-switch-trackOnDisabled: #F0486B;
  --ds-switch-thumbDisabled: #1F1A38;
  --ds-switch-focusRingWidth: 2px;
  --ds-switch-focusRingColor: #E8355A;
  --ds-switch-focusRingOffset: 2px;
  --ds-switch-hitAreaBlockSize: 44px;
  --ds-switch-targetSize: 24px;

  /* syntax */
  --ds-syntax-plain: #F1EDFB;
  --ds-syntax-keyword: #A99EF5;
  --ds-syntax-string: #BBF1AF;
  --ds-syntax-number: #FFE5BA;
  --ds-syntax-comment: #B2AACF;
  --ds-syntax-function: #F0486B;
  --ds-syntax-operator: #B2AACF;
  --ds-syntax-punctuation: #B2AACF;
  --ds-syntax-property: #F0486B;
  --ds-syntax-tag: #FFD5C4;
  --ds-syntax-attribute: #FFE5BA;
  --ds-syntax-builtin: #93C5FD;
  --ds-syntax-regex: #FFD5C4;
  --ds-syntax-variable: #A99EF5;

  /* tab */
  --ds-tab-container: #1F1A38;
  --ds-tab-itemColor: #B2AACF;
  --ds-tab-itemColorHover: #F1EDFB;
  --ds-tab-itemColorActive: #F0486B;
  --ds-tab-itemBgActive: #260000;
  --ds-tab-indicatorColor: #F0486B;
  --ds-tab-indicatorHeight: 2px;
  --ds-tab-itemPaddingX: 18px;
  --ds-tab-itemPaddingY: 10px;
  --ds-tab-itemGap: 8px;
  --ds-tab-itemRadius: 12px;
  --ds-tab-dotSize: 8px;
  --ds-tab-progressHeight: 3px;
  --ds-tab-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-tab-typography-font-size: 14px;
  --ds-tab-typography-font-weight: 700;
  --ds-tab-typography-line-height: 1.5;
  --ds-tab-typographyActive-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-tab-typographyActive-font-size: 14px;
  --ds-tab-typographyActive-font-weight: 600;
  --ds-tab-typographyActive-line-height: 1.5;
  --ds-tab-countColor: #B2AACF;
  --ds-tab-countColorActive: #F0486B;
  --ds-tab-countTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-tab-countTypography-font-size: 12px;
  --ds-tab-countTypography-font-weight: 700;
  --ds-tab-countTypography-line-height: 1.5;
  --ds-tab-barBorder: #282246;
  --ds-tab-barBorderWidth: 1px;
  --ds-tab-itemColorDisabled: #B2AACF;
  --ds-tab-progressTrackColor: #1F1A38;
  --ds-tab-labelGap: 6px;
  --ds-tab-focusRingWidth: 2px;
  --ds-tab-focusRingColor: #E8355A;
  --ds-tab-focusRingOffset: -2px;
  --ds-tab-minHeight: 44px;
  --ds-tab-iconSize: 16px;
  --ds-tab-secondaryColor: #B2AACF;
  --ds-tab-secondaryColorActive: #F0486B;
  --ds-tab-secondaryTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-tab-secondaryTypography-font-size: 12px;
  --ds-tab-secondaryTypography-font-weight: 700;
  --ds-tab-secondaryTypography-line-height: 1.5;
  --ds-tab-secondaryGap: 2px;

  /* table */
  --ds-table-headerContainer: #1F1A38;
  --ds-table-headerText: #F1EDFB;
  --ds-table-cellContainer: #1F1A38;
  --ds-table-cellText: #F1EDFB;
  --ds-table-cellPaddingX: 12px;
  --ds-table-stackRowGap: 4px;
  --ds-table-stackLabelGap: 8px;
  --ds-table-columnFlexMinWidth: 120px;
  --ds-table-cellPaddingY: 10px;
  --ds-table-cellPaddingXDense: 12px;
  --ds-table-cellPaddingYDense: 5px;
  --ds-table-minHeight: 0px;
  --ds-table-minHeightDense: 0px;
  --ds-table-border: #282246;
  --ds-table-borderWidth: 1px;
  --ds-table-headerBorderWidth: 1px;
  --ds-table-stickyHeaderShadow: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-table-radius: 10px;
  --ds-table-rowAlt: #1F1A38;
  --ds-table-rowHover: #282246;
  --ds-table-rowSelected: #260000;
  --ds-table-inputContainer: #1F1A38;
  --ds-table-inputBorder: #282246;
  --ds-table-inputBorderFocus: #F0486B;
  --ds-table-inputText: #F1EDFB;
  --ds-table-inputRadius: 2px;
  --ds-table-headerTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-table-headerTypography-font-size: 14px;
  --ds-table-headerTypography-font-weight: 700;
  --ds-table-headerTypography-line-height: 1.5;
  --ds-table-captionText: #B2AACF;
  --ds-table-captionTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-table-captionTypography-font-size: 14px;
  --ds-table-captionTypography-font-weight: 400;
  --ds-table-captionTypography-line-height: 1.5;
  --ds-table-cellTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-table-cellTypography-font-size: 14px;
  --ds-table-cellTypography-font-weight: 400;
  --ds-table-cellTypography-line-height: 1.5;

  /* tag */
  --ds-tag-containerNeutral: #1F1A38;
  --ds-tag-onContainerNeutral: #B2AACF;
  --ds-tag-containerInfo: #172554;
  --ds-tag-onContainerInfo: #BFDBFE;
  --ds-tag-containerSuccess: #183013;
  --ds-tag-onContainerSuccess: #BBF1AF;
  --ds-tag-containerWarning: #362606;
  --ds-tag-onContainerWarning: #FFE5BA;
  --ds-tag-containerError: #3C2115;
  --ds-tag-onContainerError: #FFD5C4;
  --ds-tag-radius: 9999px;
  --ds-tag-paddingX: 4px;
  --ds-tag-paddingY: 2px;
  --ds-tag-iconSize: 1em;
  --ds-tag-minHeight: 20px;
  --ds-tag-removeButtonSize: 28px;

  /* thumbnail */
  --ds-thumbnail-sizeSm: 40px;
  --ds-thumbnail-sizeMd: 56px;
  --ds-thumbnail-sizeLg: 80px;
  --ds-thumbnail-container: #1F1A38;
  --ds-thumbnail-onContainer: #B2AACF;
  --ds-thumbnail-border: #282246;
  --ds-thumbnail-borderWidth: 1px;
  --ds-thumbnail-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-thumbnail-typography-font-size: 12px;
  --ds-thumbnail-typography-font-weight: 700;
  --ds-thumbnail-typography-line-height: 1.5;

  /* tileLayout */
  --ds-tileLayout-tileMinHeight: 28px;
  --ds-tileLayout-container: #1F1A38;
  --ds-tileLayout-tileBg: #1F1A38;
  --ds-tileLayout-tileBorder: #282246;
  --ds-tileLayout-tileShadow: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-tileLayout-tileShadowDrag: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-tileLayout-dragHandleBg: #1F1A38;
  --ds-tileLayout-dragHandleIcon: #B2AACF;
  --ds-tileLayout-placeholderBg: #260000;
  --ds-tileLayout-placeholderRadius: 14px;
  --ds-tileLayout-gap: 16px;
  --ds-tileLayout-tileRadius: 14px;
  --ds-tileLayout-tilePadding: 12px;
  --ds-tileLayout-tileBorderWidth: 1px;
  --ds-tileLayout-handleHeight: 32px;
  --ds-tileLayout-titleColor: #F1EDFB;
  --ds-tileLayout-dragOpacity: 0.5;
  --ds-tileLayout-motionDuration: 200ms;
  --ds-tileLayout-focusRingWidth: 2px;
  --ds-tileLayout-focusRingOffset: 2px;

  /* timePicker */
  --ds-timePicker-inputMaxWidth: 200px;

  /* timeline */
  --ds-timeline-minHeight: 28px;
  --ds-timeline-itemGap: 16px;
  --ds-timeline-avatarToContentGap: 8px;
  --ds-timeline-headerGap: 8px;
  --ds-timeline-contentGap: 4px;
  --ds-timeline-authorColor: #F1EDFB;
  --ds-timeline-authorTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-timeline-authorTypography-font-size: 14px;
  --ds-timeline-authorTypography-font-weight: 700;
  --ds-timeline-authorTypography-line-height: 1.5;
  --ds-timeline-timestampColor: #B2AACF;
  --ds-timeline-timestampTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-timeline-timestampTypography-font-size: 12px;
  --ds-timeline-timestampTypography-font-weight: 400;
  --ds-timeline-timestampTypography-line-height: 1.5;
  --ds-timeline-bodyColor: #F1EDFB;
  --ds-timeline-bodyTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-timeline-bodyTypography-font-size: 14px;
  --ds-timeline-bodyTypography-font-weight: 400;
  --ds-timeline-bodyTypography-line-height: 1.5;
  --ds-timeline-railColor: #282246;
  --ds-timeline-railWidth: 1px;
  --ds-timeline-railGap: 16px;
  --ds-timeline-dotSize: 12px;
  --ds-timeline-dotColor: #B2AACF;
  --ds-timeline-dotColorAccent: #F0486B;
  --ds-timeline-dotColorSuccess: #14f1a4;
  --ds-timeline-dotColorTertiary: #8B7CF0;
  --ds-timeline-dotColorIndigo: #3EC5AA;

  /* toggleButton */
  --ds-toggleButton-container: transparent;
  --ds-toggleButton-containerHover: #1F1A38;
  --ds-toggleButton-containerSelected: #1F1A38;
  --ds-toggleButton-text: #B2AACF;
  --ds-toggleButton-textSelected: #F1EDFB;
  --ds-toggleButton-border: #282246;
  --ds-toggleButton-borderSelected: transparent;
  --ds-toggleButton-borderWidth: 1px;
  --ds-toggleButton-radius: 2px;
  --ds-toggleButton-paddingX: 12px;
  --ds-toggleButton-paddingY: 6px;
  --ds-toggleButton-minHeight: 44px;
  --ds-toggleButton-smMinHeight: 34px;
  --ds-toggleButton-lgMinHeight: 52px;
  --ds-toggleButton-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-toggleButton-typography-font-size: 16px;
  --ds-toggleButton-typography-font-weight: 700;
  --ds-toggleButton-typography-line-height: 1.5;
  --ds-toggleButton-elevationSelected: inset 0px 0px 0px 9999px rgba(255,255,255,0.05), 0px 1px 3px 0px rgba(255,255,255,0.10);
  --ds-toggleButton-transitionDuration: 120ms;
  --ds-toggleButton-disabledOpacity: 0.38;
  --ds-toggleButton-focusRingWidth: 2px;
  --ds-toggleButton-focusRingColor: #E8355A;
  --ds-toggleButton-focusRingOffset: 2px;
  --ds-toggleButton-smPaddingX: 8px;
  --ds-toggleButton-smPaddingY: 2px;
  --ds-toggleButton-smFontSize: 12px;
  --ds-toggleButton-lgPaddingX: 24px;
  --ds-toggleButton-lgPaddingY: 8px;
  --ds-toggleButton-groupGap: 2px;
  --ds-toggleButton-connectedRadius: 10px;
  --ds-toggleButton-connectedBorderWidth: 1px;

  /* toolbar */
  --ds-toolbar-container: #1F1A38;
  --ds-toolbar-mutedContainer: #1F1A38;
  --ds-toolbar-border: #282246;
  --ds-toolbar-borderWidth: 1px;
  --ds-toolbar-onContainer: #F1EDFB;
  --ds-toolbar-radius: 8px;
  --ds-toolbar-paddingX: 16px;
  --ds-toolbar-paddingY: 8px;
  --ds-toolbar-gap: 8px;
  --ds-toolbar-paddingXDense: 8px;
  --ds-toolbar-paddingYDense: 4px;
  --ds-toolbar-gapDense: 4px;
  --ds-toolbar-minHeight: 28px;

  /* tooltip */
  --ds-tooltip-container: #F1EDFB;
  --ds-tooltip-onContainer: #1F1A38;
  --ds-tooltip-containerBrand: #F0486B;
  --ds-tooltip-onContainerBrand: #17132A;
  --ds-tooltip-containerSuccess: #14f1a4;
  --ds-tooltip-onContainerSuccess: #17132A;
  --ds-tooltip-containerWarning: #FFB700;
  --ds-tooltip-onContainerWarning: #17132A;
  --ds-tooltip-containerError: #F98551;
  --ds-tooltip-onContainerError: #17132A;
  --ds-tooltip-containerInfo: #60A5FA;
  --ds-tooltip-onContainerInfo: #17132A;
  --ds-tooltip-maxWidth: 320px;
  --ds-tooltip-minHeight: 28px;
  --ds-tooltip-offset: 4px;
  --ds-tooltip-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.08), 0px 8px 16px 0px rgba(255,255,255,0.08);
  --ds-tooltip-typography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-tooltip-typography-font-size: 12px;
  --ds-tooltip-typography-font-weight: 400;
  --ds-tooltip-typography-line-height: 1.5;

  /* transferList */
  --ds-transferList-listboxMinHeight: 160px;
  --ds-transferList-listboxMaxHeight: 280px;
  --ds-transferList-moveButtonSize: 36px;
  --ds-transferList-panelContainer: #1F1A38;
  --ds-transferList-panelBorder: #282246;
  --ds-transferList-panelBorderWidth: 1px;
  --ds-transferList-panelRadius: 10px;
  --ds-transferList-headerText: #B2AACF;
  --ds-transferList-optionText: #F1EDFB;
  --ds-transferList-optionHoverContainer: #282246;
  --ds-transferList-optionSelectedContainer: #530009;
  --ds-transferList-optionSelectedText: #F78EA3;
  --ds-transferList-paneGap: 16px;
  --ds-transferList-panelGap: 4px;
  --ds-transferList-panePadding: 4px;
  --ds-transferList-rowPaddingX: 16px;
  --ds-transferList-rowPaddingY: 8px;
  --ds-transferList-actionsGap: 4px;

  /* treeView */
  --ds-treeView-rowHeight: 32px;
  --ds-treeView-indent: 24px;
  --ds-treeView-chevronHitArea: 24px;
  --ds-treeView-paddingX: 12px;
  --ds-treeView-paddingY: 4px;
  --ds-treeView-gap: 8px;
  --ds-treeView-radius: 8px;
  --ds-treeView-nodeText: #F1EDFB;
  --ds-treeView-rowHover: #282246;
  --ds-treeView-rowSelected: #260000;
  --ds-treeView-onRowSelected: #F78EA3;
  --ds-treeView-chevron: #B2AACF;
  --ds-treeView-icon: #B2AACF;
  --ds-treeView-connectorLine: #282246;
  --ds-treeView-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-treeView-labelTypography-font-size: 16px;
  --ds-treeView-labelTypography-font-weight: 400;
  --ds-treeView-labelTypography-line-height: 1.5;

  /* typography */
  --ds-typography-color: inherit;
  --ds-typography-measureFloorMinWidth: 160px;

  /* unsavedChangesBar */
  --ds-unsavedChangesBar-container: #1F1A38;
  --ds-unsavedChangesBar-border: #B2AACF;
  --ds-unsavedChangesBar-borderWidth: 1px;
  --ds-unsavedChangesBar-elevation: inset 0px 0px 0px 9999px rgba(255,255,255,0.07), 0px 4px 6px 0px rgba(255,255,255,0.08);
  --ds-unsavedChangesBar-paddingX: 24px;
  --ds-unsavedChangesBar-paddingY: 16px;
  --ds-unsavedChangesBar-gap: 16px;
  --ds-unsavedChangesBar-minHeight: 40px;
  --ds-unsavedChangesBar-actionsGap: 8px;
  --ds-unsavedChangesBar-messageColor: #F1EDFB;

  /* upload */
  --ds-upload-dropzoneBg: #1F1A38;
  --ds-upload-dropzoneBgActive: #260000;
  --ds-upload-dropzoneBorder: #282246;
  --ds-upload-dropzoneBorderActive: #F0486B;
  --ds-upload-dropzoneText: #B2AACF;
  --ds-upload-dropzoneIcon: #F0486B;
  --ds-upload-fileItemBg: #1F1A38;
  --ds-upload-fileItemText: #F1EDFB;
  --ds-upload-fileItemMeta: #B2AACF;
  --ds-upload-fileItemBorder: #282246;
  --ds-upload-removeIcon: #F98551;
  --ds-upload-successIcon: #14f1a4;
  --ds-upload-progressTrack: #282246;
  --ds-upload-progressFill: #F0486B;
  --ds-upload-minHeight: 44px;
  --ds-upload-radius: 14px;
  --ds-upload-fileItemRadius: 8px;
  --ds-upload-borderWidth: 2px;
  --ds-upload-padding: 18px;
  --ds-upload-fileItemPadding: 8px;
  --ds-upload-gap: 8px;
  --ds-upload-progressHeight: 4px;
  --ds-upload-removeButtonSize: 24px;
  --ds-upload-removeButtonRadius: 4px;
  --ds-upload-removeIconSize: 18px;
  --ds-upload-labelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-upload-labelTypography-font-size: 14px;
  --ds-upload-labelTypography-font-weight: 700;
  --ds-upload-labelTypography-line-height: 1.5;
  --ds-upload-fileNameTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-upload-fileNameTypography-font-size: 14px;
  --ds-upload-fileNameTypography-font-weight: 400;
  --ds-upload-fileNameTypography-line-height: 1.5;
  --ds-upload-dropzoneIconSize: 32px;
  --ds-upload-statusIconSize: 16px;
  --ds-upload-fileItemBorderWidth: 1px;
  --ds-upload-dropzoneBgHover: #260000;
  --ds-upload-dropzoneBorderHover: #F0486B;
  --ds-upload-removeButtonBgHover: #282246;
  --ds-upload-focusRingColor: #E8355A;
  --ds-upload-focusRingWidth: 2px;
  --ds-upload-focusRingOffset: 2px;
  --ds-upload-motionDuration: 150ms;
  --ds-upload-statusFontWeight: 700;
  --ds-upload-errorColor: #F98551;

  /* validationSummary */
  --ds-validationSummary-container: #2C1207;
  --ds-validationSummary-border: #F98551;
  --ds-validationSummary-borderWidth: 1px;
  --ds-validationSummary-radius: 8px;
  --ds-validationSummary-padding: 16px;
  --ds-validationSummary-gap: 4px;
  --ds-validationSummary-titleColor: #F98551;
  --ds-validationSummary-titleTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-validationSummary-titleTypography-font-size: 14px;
  --ds-validationSummary-titleTypography-font-weight: 700;
  --ds-validationSummary-titleTypography-line-height: 1.5;
  --ds-validationSummary-titleWeight: 700;
  --ds-validationSummary-listIndent: 24px;
  --ds-validationSummary-listGap: 2px;
  --ds-validationSummary-itemColor: #F1EDFB;
  --ds-validationSummary-itemTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-validationSummary-itemTypography-font-size: 14px;
  --ds-validationSummary-itemTypography-font-weight: 400;
  --ds-validationSummary-itemTypography-line-height: 1.5;
  --ds-validationSummary-linkColor: #F98551;
  --ds-validationSummary-linkColorHover: #FBA47D;
  --ds-validationSummary-linkFocusRingWidth: 2px;
  --ds-validationSummary-linkFocusRingColor: #E8355A;
  --ds-validationSummary-linkFocusRingOffset: 2px;
  --ds-validationSummary-linkFocusRingRadius: 1px;

  /* weekPatternGrid */
  --ds-weekPatternGrid-container: #1F1A38;
  --ds-weekPatternGrid-columnBorder: #282246;
  --ds-weekPatternGrid-columnBorderWidth: 1px;
  --ds-weekPatternGrid-dayLabelColor: #B2AACF;
  --ds-weekPatternGrid-dayLabelTypography-font-family: Instrument Sans, system-ui, sans-serif;
  --ds-weekPatternGrid-dayLabelTypography-font-size: 10px;
  --ds-weekPatternGrid-dayLabelTypography-font-weight: 700;
  --ds-weekPatternGrid-dayLabelTypography-line-height: 1.5;
  --ds-weekPatternGrid-blockContainer: #530009;
  --ds-weekPatternGrid-onBlock: #F78EA3;
  --ds-weekPatternGrid-blockContainerTertiary: #201C3B;
  --ds-weekPatternGrid-onBlockTertiary: #F1EDFB;
  --ds-weekPatternGrid-blockContainerIndigo: #0B2721;
  --ds-weekPatternGrid-onBlockIndigo: #9FF3DE;
  --ds-weekPatternGrid-blockRadius: 8px;
  --ds-weekPatternGrid-blockPadding: 8px;
  --ds-weekPatternGrid-blockMinHeight: 44px;
  --ds-weekPatternGrid-blockGap: 4px;
  --ds-weekPatternGrid-addSlotBorder: #B2AACF;
  --ds-weekPatternGrid-addSlotColor: #B2AACF;
  --ds-weekPatternGrid-minColumnWidth: 140px;
  --ds-weekPatternGrid-focusRingWidth: 2px;
  --ds-weekPatternGrid-focusRingOffset: 2px;
  --ds-weekPatternGrid-blockBorder: #B2AACF;
  --ds-weekPatternGrid-blockBorderWidth: 1px;

  /* window */
  --ds-window-widthMd: 480px;
  --ds-window-minWidth: 240px;
  --ds-window-controlButtonSize: 28px;

  /* ── Concentric (nested) radii — GH-1291 ── */
  /* inner = min(outer, max(floor, outer - padding)) - spec/sizing-contract.md 9. */
  --ds-accordion-radiusNested: min(var(--ds-accordion-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-accordion-radius) - min(var(--ds-accordion-paddingX), var(--ds-accordion-paddingY)))));
  --ds-alert-radiusNested: min(var(--ds-alert-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-alert-radius) - min(var(--ds-alert-paddingX), var(--ds-alert-paddingY)))));
  --ds-appBar-insetBarRadiusNested: min(var(--ds-appBar-insetBarRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-appBar-insetBarRadius) - min(var(--ds-appBar-insetBarPaddingX), var(--ds-appBar-insetBarPaddingY)))));
  --ds-autocomplete-radiusNested: min(var(--ds-autocomplete-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-autocomplete-radius) - min(var(--ds-autocomplete-paddingX), var(--ds-autocomplete-paddingY)))));
  --ds-badge-radiusNested: min(var(--ds-badge-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-badge-radius) - min(var(--ds-badge-paddingX), var(--ds-badge-paddingY)))));
  --ds-bottomSheet-radiusNested: min(var(--ds-bottomSheet-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-bottomSheet-radius) - min(var(--ds-bottomSheet-paddingX), var(--ds-bottomSheet-paddingY)))));
  --ds-bottomSheet-optionRadiusNested: min(var(--ds-bottomSheet-optionRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-bottomSheet-optionRadius) - min(var(--ds-bottomSheet-optionPaddingX), var(--ds-bottomSheet-optionPaddingY)))));
  --ds-bulkActionBar-radiusNested: min(var(--ds-bulkActionBar-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-bulkActionBar-radius) - min(var(--ds-bulkActionBar-paddingX), var(--ds-bulkActionBar-paddingY)))));
  --ds-bulkActionBar-clearRadiusNested: min(var(--ds-bulkActionBar-clearRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-bulkActionBar-clearRadius) - min(var(--ds-bulkActionBar-clearPaddingX), var(--ds-bulkActionBar-clearPaddingY)))));
  --ds-button-radiusNested: min(var(--ds-button-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-button-radius) - min(var(--ds-button-paddingX), var(--ds-button-paddingY)))));
  --ds-buttonGroup-radiusNested: min(var(--ds-buttonGroup-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-buttonGroup-radius) - min(var(--ds-buttonGroup-paddingX), var(--ds-buttonGroup-paddingY)))));
  --ds-buttonInverse-radiusNested: min(var(--ds-buttonInverse-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-buttonInverse-radius) - min(var(--ds-buttonInverse-paddingX), var(--ds-buttonInverse-paddingY)))));
  --ds-buttonSecondary-radiusNested: min(var(--ds-buttonSecondary-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-buttonSecondary-radius) - min(var(--ds-buttonSecondary-paddingX), var(--ds-buttonSecondary-paddingY)))));
  --ds-buttonText-radiusNested: min(var(--ds-buttonText-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-buttonText-radius) - min(var(--ds-buttonText-paddingX), var(--ds-buttonText-paddingY)))));
  --ds-calendar-buttonRadiusNested: min(var(--ds-calendar-buttonRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-calendar-buttonRadius) - min(var(--ds-calendar-buttonPaddingX), var(--ds-calendar-buttonPaddingY)))));
  --ds-calendar-eventRadiusNested: min(var(--ds-calendar-eventRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-calendar-eventRadius) - min(var(--ds-calendar-eventPaddingX), var(--ds-calendar-eventPaddingY)))));
  --ds-card-radiusNested: min(var(--ds-card-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-card-radius) - var(--ds-card-padding))));
  --ds-chat-bubbleRadiusNested: min(var(--ds-chat-bubbleRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-chat-bubbleRadius) - var(--ds-chat-bubblePadding))));
  --ds-chat-composerRadiusNested: min(var(--ds-chat-composerRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-chat-composerRadius) - var(--ds-chat-composerPadding))));
  --ds-chat-toolCallRadiusNested: min(var(--ds-chat-toolCallRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-chat-toolCallRadius) - var(--ds-chat-toolCallPadding))));
  --ds-chip-radiusNested: min(var(--ds-chip-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-chip-radius) - min(var(--ds-chip-paddingX), var(--ds-chip-paddingY)))));
  --ds-chip-removeIconRadiusNested: min(var(--ds-chip-removeIconRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-chip-removeIconRadius) - var(--ds-chip-removeIconPadding))));
  --ds-colorPicker-popupRadiusNested: min(var(--ds-colorPicker-popupRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-colorPicker-popupRadius) - var(--ds-colorPicker-popupPadding))));
  --ds-contactCard-radiusNested: min(var(--ds-contactCard-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-contactCard-radius) - var(--ds-contactCard-padding))));
  --ds-datePicker-calendarRadiusNested: min(var(--ds-datePicker-calendarRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-datePicker-calendarRadius) - var(--ds-datePicker-calendarPadding))));
  --ds-dropDownButton-radiusNested: min(var(--ds-dropDownButton-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-dropDownButton-radius) - min(var(--ds-dropDownButton-paddingX), var(--ds-dropDownButton-paddingY)))));
  --ds-dropDownButton-menuRadiusNested: min(var(--ds-dropDownButton-menuRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-dropDownButton-menuRadius) - var(--ds-dropDownButton-menuPaddingY))));
  --ds-dropdown-popupRadiusNested: min(var(--ds-dropdown-popupRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-dropdown-popupRadius) - var(--ds-dropdown-popupPaddingY))));
  --ds-floatingToolbar-radiusNested: min(var(--ds-floatingToolbar-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-floatingToolbar-radius) - var(--ds-floatingToolbar-padding))));
  --ds-floatingToolbar-ghostRadiusNested: min(var(--ds-floatingToolbar-ghostRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-floatingToolbar-ghostRadius) - min(var(--ds-floatingToolbar-ghostPaddingX), var(--ds-floatingToolbar-ghostPaddingY)))));
  --ds-floatingToolbar-ctaRadiusNested: min(var(--ds-floatingToolbar-ctaRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-floatingToolbar-ctaRadius) - min(var(--ds-floatingToolbar-ctaPaddingX), var(--ds-floatingToolbar-ctaPaddingY)))));
  --ds-formSectionStack-sectionRadiusNested: min(var(--ds-formSectionStack-sectionRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-formSectionStack-sectionRadius) - var(--ds-formSectionStack-sectionPadding))));
  --ds-infoBanner-radiusNested: min(var(--ds-infoBanner-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-infoBanner-radius) - min(var(--ds-infoBanner-paddingX), var(--ds-infoBanner-paddingY)))));
  --ds-input-radiusNested: min(var(--ds-input-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-input-radius) - min(var(--ds-input-paddingX), var(--ds-input-paddingY)))));
  --ds-menu-containerRadiusNested: min(var(--ds-menu-containerRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-menu-containerRadius) - var(--ds-menu-containerPaddingY))));
  --ds-modal-footerRadiusNested: min(var(--ds-modal-footerRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-modal-footerRadius) - min(var(--ds-modal-footerPaddingX), var(--ds-modal-footerPaddingY)))));
  --ds-moduleCard-radiusNested: min(var(--ds-moduleCard-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-moduleCard-radius) - var(--ds-moduleCard-padding))));
  --ds-moduleCard-relevanceRadiusNested: min(var(--ds-moduleCard-relevanceRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-moduleCard-relevanceRadius) - min(var(--ds-moduleCard-relevancePaddingX), var(--ds-moduleCard-relevancePaddingY)))));
  --ds-moduleSidebar-itemRadiusNested: min(var(--ds-moduleSidebar-itemRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-moduleSidebar-itemRadius) - min(var(--ds-moduleSidebar-itemPaddingX), var(--ds-moduleSidebar-itemPaddingY)))));
  --ds-navigation-itemRadiusNested: min(var(--ds-navigation-itemRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-navigation-itemRadius) - min(var(--ds-navigation-itemPaddingX), var(--ds-navigation-itemPaddingY)))));
  --ds-navigation-companyBadgeRadiusNested: min(var(--ds-navigation-companyBadgeRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-navigation-companyBadgeRadius) - min(var(--ds-navigation-companyBadgePaddingX), var(--ds-navigation-companyBadgePaddingY)))));
  --ds-outline-itemRadiusNested: min(var(--ds-outline-itemRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-outline-itemRadius) - min(var(--ds-outline-itemPaddingX), var(--ds-outline-itemPaddingY)))));
  --ds-panelBar-radiusNested: min(var(--ds-panelBar-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-panelBar-radius) - min(var(--ds-panelBar-paddingX), var(--ds-panelBar-paddingY)))));
  --ds-popover-radiusNested: min(var(--ds-popover-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-popover-radius) - min(var(--ds-popover-paddingX), var(--ds-popover-paddingY)))));
  --ds-progressIndicator-containerRadiusNested: min(var(--ds-progressIndicator-containerRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-progressIndicator-containerRadius) - var(--ds-progressIndicator-containerPadding))));
  --ds-progressSummary-radiusNested: min(var(--ds-progressSummary-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-progressSummary-radius) - var(--ds-progressSummary-padding))));
  --ds-radio-cardRadiusNested: min(var(--ds-radio-cardRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-radio-cardRadius) - var(--ds-radio-cardPadding))));
  --ds-resourceScheduleGrid-blockRadiusNested: min(var(--ds-resourceScheduleGrid-blockRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-resourceScheduleGrid-blockRadius) - var(--ds-resourceScheduleGrid-blockPadding))));
  --ds-select-radiusNested: min(var(--ds-select-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-select-radius) - min(var(--ds-select-paddingX), var(--ds-select-paddingY)))));
  --ds-sideNav-itemRadiusNested: min(var(--ds-sideNav-itemRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-sideNav-itemRadius) - min(var(--ds-sideNav-itemPaddingX), var(--ds-sideNav-itemPaddingY)))));
  --ds-snackbar-radiusNested: min(var(--ds-snackbar-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-snackbar-radius) - min(var(--ds-snackbar-paddingX), var(--ds-snackbar-paddingY)))));
  --ds-speedDial-labelRadiusNested: min(var(--ds-speedDial-labelRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-speedDial-labelRadius) - min(var(--ds-speedDial-labelPaddingX), var(--ds-speedDial-labelPaddingY)))));
  --ds-splitButton-radiusNested: min(var(--ds-splitButton-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-splitButton-radius) - min(var(--ds-splitButton-paddingX), var(--ds-splitButton-paddingY)))));
  --ds-splitButton-menuRadiusNested: min(var(--ds-splitButton-menuRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-splitButton-menuRadius) - var(--ds-splitButton-menuPaddingY))));
  --ds-statCard-radiusNested: min(var(--ds-statCard-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-statCard-radius) - var(--ds-statCard-padding))));
  --ds-statCard-iconBadgeRadiusNested: min(var(--ds-statCard-iconBadgeRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-statCard-iconBadgeRadius) - var(--ds-statCard-iconBadgePadding))));
  --ds-tab-itemRadiusNested: min(var(--ds-tab-itemRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-tab-itemRadius) - min(var(--ds-tab-itemPaddingX), var(--ds-tab-itemPaddingY)))));
  --ds-tag-radiusNested: min(var(--ds-tag-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-tag-radius) - min(var(--ds-tag-paddingX), var(--ds-tag-paddingY)))));
  --ds-tileLayout-tileRadiusNested: min(var(--ds-tileLayout-tileRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-tileLayout-tileRadius) - var(--ds-tileLayout-tilePadding))));
  --ds-toggleButton-radiusNested: min(var(--ds-toggleButton-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-toggleButton-radius) - min(var(--ds-toggleButton-paddingX), var(--ds-toggleButton-paddingY)))));
  --ds-toolbar-radiusNested: min(var(--ds-toolbar-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-toolbar-radius) - min(var(--ds-toolbar-paddingX), var(--ds-toolbar-paddingY)))));
  --ds-treeView-radiusNested: min(var(--ds-treeView-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-treeView-radius) - min(var(--ds-treeView-paddingX), var(--ds-treeView-paddingY)))));
  --ds-upload-radiusNested: min(var(--ds-upload-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-upload-radius) - var(--ds-upload-padding))));
  --ds-upload-fileItemRadiusNested: min(var(--ds-upload-fileItemRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-upload-fileItemRadius) - var(--ds-upload-fileItemPadding))));
  --ds-validationSummary-radiusNested: min(var(--ds-validationSummary-radius), max(var(--ds-radius-nestedMin), calc(var(--ds-validationSummary-radius) - var(--ds-validationSummary-padding))));
  --ds-weekPatternGrid-blockRadiusNested: min(var(--ds-weekPatternGrid-blockRadius), max(var(--ds-radius-nestedMin), calc(var(--ds-weekPatternGrid-blockRadius) - var(--ds-weekPatternGrid-blockPadding))));
}

/* ------------------------------------------------------------
 * Reduced-motion floor (GH-1145 — duplicated from ds-base.css so the floor
 * arrives with ANY theme a consumer loads, ds-base.css present or not).
 * Includes the data-ds-motion consumer knob (#172): "never" forces the
 * floor regardless of OS preference, "always" opts a reviewed subtree out.
 * Idempotent alongside ds-base.css. Kept in lockstep by
 * __tests__/reduced-motion-guards.test.js.
 * ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

[data-ds-motion="never"],
[data-ds-motion="never"] *,
[data-ds-motion="never"] *::before,
[data-ds-motion="never"] *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  [data-ds-motion="always"],
  [data-ds-motion="always"] *,
  [data-ds-motion="always"] *::before,
  [data-ds-motion="always"] *::after {
    animation-duration: revert !important;
    animation-iteration-count: revert !important;
    transition-duration: revert !important;
    scroll-behavior: revert !important;
  }
}