/* UI Standard tokens — Fluent 2 design tokens as CSS custom properties.
 * Theme: Bouquet Studio
 * Brand ramp: 10=#0c0002 20=#320414 30=#4f0221 40=#62092b 50=#731737 60=#822743 70=#903650 80=#9d465d 90=#a9566b 100=#b56779 110=#c07788 120=#cb8896 130=#d49aa6 140=#deabb5 150=#e6bdc5 160=#eecfd5
 * Light = :root (default) or [data-theme="light"]. Dark = [data-theme="dark"], or the OS dark preference when <html> has no data-theme.
 * High contrast: rely on the OS (Windows contrast themes -> @media (forced-colors: active)), as Fluent recommends.
 * [data-theme="high-contrast"] is an OPTIONAL in-app theme (Fluent's HC token set) for users who ask for it. Names match @fluentui/react-components `tokens` exactly,
 * so the same CSS works inside a FluentProvider. Generated by ui-standard/scripts/ui-theme.mjs — do not hand-edit.
 */
:root {
  color-scheme: light;
  --borderRadiusNone: 0;
  --borderRadiusSmall: 2px;
  --borderRadiusMedium: 4px;
  --borderRadiusLarge: 6px;
  --borderRadiusXLarge: 8px;
  --borderRadius2XLarge: 12px;
  --borderRadius3XLarge: 16px;
  --borderRadius4XLarge: 24px;
  --borderRadius5XLarge: 32px;
  --borderRadius6XLarge: 40px;
  --borderRadiusCircular: 10000px;
  --fontSizeBase100: 10px;
  --fontSizeBase200: 12px;
  --fontSizeBase300: 14px;
  --fontSizeBase400: 16px;
  --fontSizeBase500: 20px;
  --fontSizeBase600: 24px;
  --fontSizeHero700: 28px;
  --fontSizeHero800: 32px;
  --fontSizeHero900: 40px;
  --fontSizeHero1000: 68px;
  --lineHeightBase100: 14px;
  --lineHeightBase200: 16px;
  --lineHeightBase300: 20px;
  --lineHeightBase400: 22px;
  --lineHeightBase500: 28px;
  --lineHeightBase600: 32px;
  --lineHeightHero700: 36px;
  --lineHeightHero800: 40px;
  --lineHeightHero900: 52px;
  --lineHeightHero1000: 92px;
  --fontFamilyBase: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
  --fontFamilyMonospace: Consolas, 'Courier New', Courier, monospace;
  --fontFamilyNumeric: Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
  --fontWeightRegular: 400;
  --fontWeightMedium: 500;
  --fontWeightSemibold: 600;
  --fontWeightBold: 700;
  --strokeWidthThin: 1px;
  --strokeWidthThick: 2px;
  --strokeWidthThicker: 3px;
  --strokeWidthThickest: 4px;
  --spacingHorizontalNone: 0;
  --spacingHorizontalXXS: 2px;
  --spacingHorizontalXS: 4px;
  --spacingHorizontalSNudge: 6px;
  --spacingHorizontalS: 8px;
  --spacingHorizontalMNudge: 10px;
  --spacingHorizontalM: 12px;
  --spacingHorizontalL: 16px;
  --spacingHorizontalXL: 20px;
  --spacingHorizontalXXL: 24px;
  --spacingHorizontalXXXL: 32px;
  --spacingVerticalNone: 0;
  --spacingVerticalXXS: 2px;
  --spacingVerticalXS: 4px;
  --spacingVerticalSNudge: 6px;
  --spacingVerticalS: 8px;
  --spacingVerticalMNudge: 10px;
  --spacingVerticalM: 12px;
  --spacingVerticalL: 16px;
  --spacingVerticalXL: 20px;
  --spacingVerticalXXL: 24px;
  --spacingVerticalXXXL: 32px;
  --durationUltraFast: 50ms;
  --durationFaster: 100ms;
  --durationFast: 150ms;
  --durationNormal: 200ms;
  --durationGentle: 250ms;
  --durationSlow: 300ms;
  --durationSlower: 400ms;
  --durationUltraSlow: 500ms;
  --curveAccelerateMax: cubic-bezier(0.9,0.1,1,0.2);
  --curveAccelerateMid: cubic-bezier(1,0,1,1);
  --curveAccelerateMin: cubic-bezier(0.8,0,0.78,1);
  --curveDecelerateMax: cubic-bezier(0.1,0.9,0.2,1);
  --curveDecelerateMid: cubic-bezier(0,0,0,1);
  --curveDecelerateMin: cubic-bezier(0.33,0,0.1,1);
  --curveEasyEaseMax: cubic-bezier(0.8,0,0.2,1);
  --curveEasyEase: cubic-bezier(0.33,0,0.67,1);
  --curveLinear: cubic-bezier(0,0,1,1);
  --colorNeutralForeground1: #242424;
  --colorNeutralForeground1Hover: #242424;
  --colorNeutralForeground1Pressed: #242424;
  --colorNeutralForeground1Selected: #242424;
  --colorNeutralForeground2: #424242;
  --colorNeutralForeground2Hover: #242424;
  --colorNeutralForeground2Pressed: #242424;
  --colorNeutralForeground2Selected: #242424;
  --colorNeutralForeground2BrandHover: #9d465d;
  --colorNeutralForeground2BrandPressed: #903650;
  --colorNeutralForeground2BrandSelected: #9d465d;
  --colorNeutralForeground3: #616161;
  --colorNeutralForeground3Hover: #424242;
  --colorNeutralForeground3Pressed: #424242;
  --colorNeutralForeground3Selected: #424242;
  --colorNeutralForeground3BrandHover: #9d465d;
  --colorNeutralForeground3BrandPressed: #903650;
  --colorNeutralForeground3BrandSelected: #9d465d;
  --colorNeutralForeground4: #707070;
  --colorNeutralForeground5: #616161;
  --colorNeutralForeground5Hover: #242424;
  --colorNeutralForeground5Pressed: #242424;
  --colorNeutralForeground5Selected: #242424;
  --colorNeutralForegroundDisabled: #bdbdbd;
  --colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, 0.4);
  --colorBrandForegroundLink: #903650;
  --colorBrandForegroundLinkHover: #822743;
  --colorBrandForegroundLinkPressed: #62092b;
  --colorBrandForegroundLinkSelected: #903650;
  --colorNeutralForeground2Link: #424242;
  --colorNeutralForeground2LinkHover: #242424;
  --colorNeutralForeground2LinkPressed: #242424;
  --colorNeutralForeground2LinkSelected: #242424;
  --colorCompoundBrandForeground1: #9d465d;
  --colorCompoundBrandForeground1Hover: #903650;
  --colorCompoundBrandForeground1Pressed: #822743;
  --colorBrandForeground1: #9d465d;
  --colorBrandForeground2: #903650;
  --colorBrandForeground2Hover: #822743;
  --colorBrandForeground2Pressed: #4f0221;
  --colorNeutralForeground1Static: #242424;
  --colorNeutralForegroundStaticInverted: #ffffff;
  --colorNeutralForegroundInverted: #ffffff;
  --colorNeutralForegroundInvertedHover: #ffffff;
  --colorNeutralForegroundInvertedPressed: #ffffff;
  --colorNeutralForegroundInvertedSelected: #ffffff;
  --colorNeutralForegroundInverted2: #ffffff;
  --colorNeutralForegroundOnBrand: #ffffff;
  --colorNeutralForegroundInvertedLink: #ffffff;
  --colorNeutralForegroundInvertedLinkHover: #ffffff;
  --colorNeutralForegroundInvertedLinkPressed: #ffffff;
  --colorNeutralForegroundInvertedLinkSelected: #ffffff;
  --colorBrandForegroundInverted: #b56779;
  --colorBrandForegroundInvertedHover: #c07788;
  --colorBrandForegroundInvertedPressed: #b56779;
  --colorBrandForegroundOnLight: #9d465d;
  --colorBrandForegroundOnLightHover: #903650;
  --colorBrandForegroundOnLightPressed: #731737;
  --colorBrandForegroundOnLightSelected: #822743;
  --colorNeutralBackground1: #ffffff;
  --colorNeutralBackground1Hover: #f5f5f5;
  --colorNeutralBackground1Pressed: #e0e0e0;
  --colorNeutralBackground1Selected: #ebebeb;
  --colorNeutralBackground2: #fafafa;
  --colorNeutralBackground2Hover: #f0f0f0;
  --colorNeutralBackground2Pressed: #dbdbdb;
  --colorNeutralBackground2Selected: #e6e6e6;
  --colorNeutralBackground3: #f5f5f5;
  --colorNeutralBackground3Hover: #ebebeb;
  --colorNeutralBackground3Pressed: #d6d6d6;
  --colorNeutralBackground3Selected: #e0e0e0;
  --colorNeutralBackground4: #f0f0f0;
  --colorNeutralBackground4Hover: #fafafa;
  --colorNeutralBackground4Pressed: #f5f5f5;
  --colorNeutralBackground4Selected: #ffffff;
  --colorNeutralBackground5: #ebebeb;
  --colorNeutralBackground5Hover: #f5f5f5;
  --colorNeutralBackground5Pressed: #f0f0f0;
  --colorNeutralBackground5Selected: #fafafa;
  --colorNeutralBackground6: #e6e6e6;
  --colorNeutralBackground7: #00000000;
  --colorNeutralBackground7Hover: #ebebeb;
  --colorNeutralBackground7Pressed: #d6d6d6;
  --colorNeutralBackground7Selected: #00000000;
  --colorNeutralBackground8: #fcfcfc;
  --colorNeutralBackgroundInverted: #292929;
  --colorNeutralBackgroundInvertedHover: #3d3d3d;
  --colorNeutralBackgroundInvertedPressed: #1f1f1f;
  --colorNeutralBackgroundInvertedSelected: #383838;
  --colorNeutralBackgroundStatic: #333333;
  --colorNeutralBackgroundAlpha: rgba(255, 255, 255, 0.5);
  --colorNeutralBackgroundAlpha2: rgba(255, 255, 255, 0.8);
  --colorSubtleBackground: transparent;
  --colorSubtleBackgroundHover: #f5f5f5;
  --colorSubtleBackgroundPressed: #e0e0e0;
  --colorSubtleBackgroundSelected: #ebebeb;
  --colorSubtleBackgroundLightAlphaHover: rgba(255, 255, 255, 0.7);
  --colorSubtleBackgroundLightAlphaPressed: rgba(255, 255, 255, 0.5);
  --colorSubtleBackgroundLightAlphaSelected: transparent;
  --colorSubtleBackgroundInverted: transparent;
  --colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, 0.1);
  --colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, 0.3);
  --colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, 0.2);
  --colorTransparentBackground: transparent;
  --colorTransparentBackgroundHover: transparent;
  --colorTransparentBackgroundPressed: transparent;
  --colorTransparentBackgroundSelected: transparent;
  --colorNeutralBackgroundDisabled: #f0f0f0;
  --colorNeutralBackgroundDisabled2: #ffffff;
  --colorNeutralBackgroundInvertedDisabled: rgba(255, 255, 255, 0.1);
  --colorNeutralStencil1: #e6e6e6;
  --colorNeutralStencil2: #fafafa;
  --colorNeutralStencil1Alpha: rgba(0, 0, 0, 0.1);
  --colorNeutralStencil2Alpha: rgba(0, 0, 0, 0.05);
  --colorBackgroundOverlay: rgba(0, 0, 0, 0.4);
  --colorScrollbarOverlay: rgba(0, 0, 0, 0.5);
  --colorBrandBackground: #9d465d;
  --colorBrandBackgroundHover: #903650;
  --colorBrandBackgroundPressed: #62092b;
  --colorBrandBackgroundSelected: #822743;
  --colorCompoundBrandBackground: #9d465d;
  --colorCompoundBrandBackgroundHover: #903650;
  --colorCompoundBrandBackgroundPressed: #822743;
  --colorBrandBackgroundStatic: #9d465d;
  --colorBrandBackground2: #eecfd5;
  --colorBrandBackground2Hover: #e6bdc5;
  --colorBrandBackground2Pressed: #d49aa6;
  --colorBrandBackground3Static: #822743;
  --colorBrandBackground4Static: #62092b;
  --colorBrandBackgroundInverted: #ffffff;
  --colorBrandBackgroundInvertedHover: #eecfd5;
  --colorBrandBackgroundInvertedPressed: #deabb5;
  --colorBrandBackgroundInvertedSelected: #e6bdc5;
  --colorNeutralCardBackground: #fafafa;
  --colorNeutralCardBackgroundHover: #ffffff;
  --colorNeutralCardBackgroundPressed: #f5f5f5;
  --colorNeutralCardBackgroundSelected: #ebebeb;
  --colorNeutralCardBackgroundDisabled: #f0f0f0;
  --colorNeutralStrokeAccessible: #616161;
  --colorNeutralStrokeAccessibleHover: #575757;
  --colorNeutralStrokeAccessiblePressed: #4d4d4d;
  --colorNeutralStrokeAccessibleSelected: #9d465d;
  --colorNeutralStroke1: #d1d1d1;
  --colorNeutralStroke1Hover: #c7c7c7;
  --colorNeutralStroke1Pressed: #b3b3b3;
  --colorNeutralStroke1Selected: #bdbdbd;
  --colorNeutralStroke2: #e0e0e0;
  --colorNeutralStroke3: #f0f0f0;
  --colorNeutralStroke4: #ebebeb;
  --colorNeutralStroke4Hover: #e0e0e0;
  --colorNeutralStroke4Pressed: #d6d6d6;
  --colorNeutralStroke4Selected: #ebebeb;
  --colorNeutralStrokeSubtle: #e0e0e0;
  --colorNeutralStrokeOnBrand: #ffffff;
  --colorNeutralStrokeOnBrand2: #ffffff;
  --colorNeutralStrokeOnBrand2Hover: #ffffff;
  --colorNeutralStrokeOnBrand2Pressed: #ffffff;
  --colorNeutralStrokeOnBrand2Selected: #ffffff;
  --colorBrandStroke1: #9d465d;
  --colorBrandStroke2: #deabb5;
  --colorBrandStroke2Hover: #cb8896;
  --colorBrandStroke2Pressed: #9d465d;
  --colorBrandStroke2Contrast: #deabb5;
  --colorCompoundBrandStroke: #9d465d;
  --colorCompoundBrandStrokeHover: #903650;
  --colorCompoundBrandStrokePressed: #822743;
  --colorNeutralStrokeDisabled: #e0e0e0;
  --colorNeutralStrokeDisabled2: #ebebeb;
  --colorNeutralStrokeInvertedDisabled: rgba(255, 255, 255, 0.4);
  --colorTransparentStroke: transparent;
  --colorTransparentStrokeInteractive: transparent;
  --colorTransparentStrokeDisabled: transparent;
  --colorNeutralStrokeAlpha: rgba(0, 0, 0, 0.05);
  --colorNeutralStrokeAlpha2: rgba(255, 255, 255, 0.2);
  --colorStrokeFocus1: #ffffff;
  --colorStrokeFocus2: #000000;
  --colorNeutralShadowAmbient: rgba(0,0,0,0.12);
  --colorNeutralShadowKey: rgba(0,0,0,0.14);
  --colorNeutralShadowAmbientLighter: rgba(0,0,0,0.06);
  --colorNeutralShadowKeyLighter: rgba(0,0,0,0.07);
  --colorNeutralShadowAmbientDarker: rgba(0,0,0,0.20);
  --colorNeutralShadowKeyDarker: rgba(0,0,0,0.24);
  --colorBrandShadowAmbient: rgba(0,0,0,0.30);
  --colorBrandShadowKey: rgba(0,0,0,0.25);
  --colorPaletteRedBackground1: #fdf6f6;
  --colorPaletteRedBackground2: #f1bbbc;
  --colorPaletteRedBackground3: #d13438;
  --colorPaletteRedForeground1: #bc2f32;
  --colorPaletteRedForeground2: #751d1f;
  --colorPaletteRedForeground3: #d13438;
  --colorPaletteRedBorderActive: #d13438;
  --colorPaletteRedBorder1: #f1bbbc;
  --colorPaletteRedBorder2: #d13438;
  --colorPaletteGreenBackground1: #f1faf1;
  --colorPaletteGreenBackground2: #9fd89f;
  --colorPaletteGreenBackground3: #107c10;
  --colorPaletteGreenForeground1: #0e700e;
  --colorPaletteGreenForeground2: #094509;
  --colorPaletteGreenForeground3: #107c10;
  --colorPaletteGreenBorderActive: #107c10;
  --colorPaletteGreenBorder1: #9fd89f;
  --colorPaletteGreenBorder2: #107c10;
  --colorPaletteDarkOrangeBackground1: #fdf6f3;
  --colorPaletteDarkOrangeBackground2: #f4bfab;
  --colorPaletteDarkOrangeBackground3: #da3b01;
  --colorPaletteDarkOrangeForeground1: #c43501;
  --colorPaletteDarkOrangeForeground2: #7a2101;
  --colorPaletteDarkOrangeForeground3: #da3b01;
  --colorPaletteDarkOrangeBorderActive: #da3b01;
  --colorPaletteDarkOrangeBorder1: #f4bfab;
  --colorPaletteDarkOrangeBorder2: #da3b01;
  --colorPaletteYellowBackground1: #fffef5;
  --colorPaletteYellowBackground2: #fef7b2;
  --colorPaletteYellowBackground3: #fde300;
  --colorPaletteYellowForeground1: #817400;
  --colorPaletteYellowForeground2: #817400;
  --colorPaletteYellowForeground3: #fde300;
  --colorPaletteYellowBorderActive: #fde300;
  --colorPaletteYellowBorder1: #fef7b2;
  --colorPaletteYellowBorder2: #fde300;
  --colorPaletteBerryBackground1: #fdf5fc;
  --colorPaletteBerryBackground2: #edbbe7;
  --colorPaletteBerryBackground3: #c239b3;
  --colorPaletteBerryForeground1: #af33a1;
  --colorPaletteBerryForeground2: #6d2064;
  --colorPaletteBerryForeground3: #c239b3;
  --colorPaletteBerryBorderActive: #c239b3;
  --colorPaletteBerryBorder1: #edbbe7;
  --colorPaletteBerryBorder2: #c239b3;
  --colorPaletteLightGreenBackground1: #f2fbf2;
  --colorPaletteLightGreenBackground2: #a7e3a5;
  --colorPaletteLightGreenBackground3: #13a10e;
  --colorPaletteLightGreenForeground1: #11910d;
  --colorPaletteLightGreenForeground2: #0b5a08;
  --colorPaletteLightGreenForeground3: #13a10e;
  --colorPaletteLightGreenBorderActive: #13a10e;
  --colorPaletteLightGreenBorder1: #a7e3a5;
  --colorPaletteLightGreenBorder2: #13a10e;
  --colorPaletteMarigoldBackground1: #fefbf4;
  --colorPaletteMarigoldBackground2: #f9e2ae;
  --colorPaletteMarigoldBackground3: #eaa300;
  --colorPaletteMarigoldForeground1: #d39300;
  --colorPaletteMarigoldForeground2: #835b00;
  --colorPaletteMarigoldForeground3: #eaa300;
  --colorPaletteMarigoldBorderActive: #eaa300;
  --colorPaletteMarigoldBorder1: #f9e2ae;
  --colorPaletteMarigoldBorder2: #eaa300;
  --colorPaletteRedForegroundInverted: #dc5e62;
  --colorPaletteGreenForegroundInverted: #359b35;
  --colorPaletteYellowForegroundInverted: #fef7b2;
  --colorPaletteDarkRedBackground2: #d69ca5;
  --colorPaletteDarkRedForeground2: #420610;
  --colorPaletteDarkRedBorderActive: #750b1c;
  --colorPaletteCranberryBackground2: #eeacb2;
  --colorPaletteCranberryForeground2: #6e0811;
  --colorPaletteCranberryBorderActive: #c50f1f;
  --colorPalettePumpkinBackground2: #efc4ad;
  --colorPalettePumpkinForeground2: #712d09;
  --colorPalettePumpkinBorderActive: #ca5010;
  --colorPalettePeachBackground2: #ffddb3;
  --colorPalettePeachForeground2: #8f4e00;
  --colorPalettePeachBorderActive: #ff8c00;
  --colorPaletteGoldBackground2: #ecdfa5;
  --colorPaletteGoldForeground2: #6c5700;
  --colorPaletteGoldBorderActive: #c19c00;
  --colorPaletteBrassBackground2: #e0cea2;
  --colorPaletteBrassForeground2: #553e06;
  --colorPaletteBrassBorderActive: #986f0b;
  --colorPaletteBrownBackground2: #ddc3b0;
  --colorPaletteBrownForeground2: #50301a;
  --colorPaletteBrownBorderActive: #8e562e;
  --colorPaletteForestBackground2: #bdd99b;
  --colorPaletteForestForeground2: #294903;
  --colorPaletteForestBorderActive: #498205;
  --colorPaletteSeafoamBackground2: #a8f0cd;
  --colorPaletteSeafoamForeground2: #00723b;
  --colorPaletteSeafoamBorderActive: #00cc6a;
  --colorPaletteDarkGreenBackground2: #9ad29a;
  --colorPaletteDarkGreenForeground2: #063b06;
  --colorPaletteDarkGreenBorderActive: #0b6a0b;
  --colorPaletteLightTealBackground2: #a6e9ed;
  --colorPaletteLightTealForeground2: #00666d;
  --colorPaletteLightTealBorderActive: #00b7c3;
  --colorPaletteTealBackground2: #9bd9db;
  --colorPaletteTealForeground2: #02494c;
  --colorPaletteTealBorderActive: #038387;
  --colorPaletteSteelBackground2: #94c8d4;
  --colorPaletteSteelForeground2: #00333f;
  --colorPaletteSteelBorderActive: #005b70;
  --colorPaletteBlueBackground2: #a9d3f2;
  --colorPaletteBlueForeground2: #004377;
  --colorPaletteBlueBorderActive: #0078d4;
  --colorPaletteRoyalBlueBackground2: #9abfdc;
  --colorPaletteRoyalBlueForeground2: #002c4e;
  --colorPaletteRoyalBlueBorderActive: #004e8c;
  --colorPaletteCornflowerBackground2: #c8d1fa;
  --colorPaletteCornflowerForeground2: #2c3c85;
  --colorPaletteCornflowerBorderActive: #4f6bed;
  --colorPaletteNavyBackground2: #a3b2e8;
  --colorPaletteNavyForeground2: #001665;
  --colorPaletteNavyBorderActive: #0027b4;
  --colorPaletteLavenderBackground2: #d2ccf8;
  --colorPaletteLavenderForeground2: #3f3682;
  --colorPaletteLavenderBorderActive: #7160e8;
  --colorPalettePurpleBackground2: #c6b1de;
  --colorPalettePurpleForeground2: #341a51;
  --colorPalettePurpleBorderActive: #5c2e91;
  --colorPaletteGrapeBackground2: #d9a7e0;
  --colorPaletteGrapeForeground2: #4c0d55;
  --colorPaletteGrapeBorderActive: #881798;
  --colorPaletteLilacBackground2: #e6bfed;
  --colorPaletteLilacForeground2: #63276d;
  --colorPaletteLilacBorderActive: #b146c2;
  --colorPalettePinkBackground2: #f7c0e3;
  --colorPalettePinkForeground2: #80215d;
  --colorPalettePinkBorderActive: #e43ba6;
  --colorPaletteMagentaBackground2: #eca5d1;
  --colorPaletteMagentaForeground2: #6b0043;
  --colorPaletteMagentaBorderActive: #bf0077;
  --colorPalettePlumBackground2: #d696c0;
  --colorPalettePlumForeground2: #43002b;
  --colorPalettePlumBorderActive: #77004d;
  --colorPaletteBeigeBackground2: #d7d4d4;
  --colorPaletteBeigeForeground2: #444241;
  --colorPaletteBeigeBorderActive: #7a7574;
  --colorPaletteMinkBackground2: #cecccb;
  --colorPaletteMinkForeground2: #343231;
  --colorPaletteMinkBorderActive: #5d5a58;
  --colorPalettePlatinumBackground2: #cdd6d8;
  --colorPalettePlatinumForeground2: #3b4447;
  --colorPalettePlatinumBorderActive: #69797e;
  --colorPaletteAnchorBackground2: #bcc3c7;
  --colorPaletteAnchorForeground2: #202427;
  --colorPaletteAnchorBorderActive: #394146;
  --colorStatusSuccessBackground1: #f1faf1;
  --colorStatusSuccessBackground2: #9fd89f;
  --colorStatusSuccessBackground3: #107c10;
  --colorStatusSuccessForeground1: #0e700e;
  --colorStatusSuccessForeground2: #094509;
  --colorStatusSuccessForeground3: #107c10;
  --colorStatusSuccessForegroundInverted: #54b054;
  --colorStatusSuccessBorderActive: #107c10;
  --colorStatusSuccessBorder1: #9fd89f;
  --colorStatusSuccessBorder2: #107c10;
  --colorStatusWarningBackground1: #fff9f5;
  --colorStatusWarningBackground2: #fdcfb4;
  --colorStatusWarningBackground3: #f7630c;
  --colorStatusWarningForeground1: #bc4b09;
  --colorStatusWarningForeground2: #8a3707;
  --colorStatusWarningForeground3: #bc4b09;
  --colorStatusWarningForegroundInverted: #faa06b;
  --colorStatusWarningBorderActive: #f7630c;
  --colorStatusWarningBorder1: #fdcfb4;
  --colorStatusWarningBorder2: #bc4b09;
  --colorStatusDangerBackground1: #fdf3f4;
  --colorStatusDangerBackground2: #eeacb2;
  --colorStatusDangerBackground3: #c50f1f;
  --colorStatusDangerForeground1: #b10e1c;
  --colorStatusDangerForeground2: #6e0811;
  --colorStatusDangerForeground3: #c50f1f;
  --colorStatusDangerForegroundInverted: #dc626d;
  --colorStatusDangerBorderActive: #c50f1f;
  --colorStatusDangerBorder1: #eeacb2;
  --colorStatusDangerBorder2: #c50f1f;
  --colorStatusDangerBackground3Hover: #b10e1c;
  --colorStatusDangerBackground3Pressed: #960b18;
  --shadow2: 0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
  --shadow4: 0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14);
  --shadow8: 0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14);
  --shadow16: 0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14);
  --shadow28: 0 0 8px rgba(0,0,0,0.12), 0 14px 28px rgba(0,0,0,0.14);
  --shadow64: 0 0 8px rgba(0,0,0,0.12), 0 32px 64px rgba(0,0,0,0.14);
  --shadow2Brand: 0 0 2px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.25);
  --shadow4Brand: 0 0 2px rgba(0,0,0,0.30), 0 2px 4px rgba(0,0,0,0.25);
  --shadow8Brand: 0 0 2px rgba(0,0,0,0.30), 0 4px 8px rgba(0,0,0,0.25);
  --shadow16Brand: 0 0 2px rgba(0,0,0,0.30), 0 8px 16px rgba(0,0,0,0.25);
  --shadow28Brand: 0 0 8px rgba(0,0,0,0.30), 0 14px 28px rgba(0,0,0,0.25);
  --shadow64Brand: 0 0 8px rgba(0,0,0,0.30), 0 32px 64px rgba(0,0,0,0.25);
  /* Fluent optional z-index tokens (packages/tokens/src/tokens.ts defaults): stacking order, separate from shadows. */
  --zIndexBackground: 0;
  --zIndexContent: 1;
  --zIndexOverlay: 1000;
  --zIndexPopup: 2000;
  --zIndexMessages: 3000;
  --zIndexFloating: 4000;
  --zIndexPriority: 5000;
  --zIndexDebug: 6000;
  /* Fluent 2 web size classes (lower bounds). For JS/docs only: CSS media queries cannot read variables. */
  --breakpointMedium: 480px;
  --breakpointLarge: 640px;
  --breakpointXLarge: 1024px;
  --breakpointXXLarge: 1366px;
  --breakpointXXXLarge: 1920px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --colorNeutralForeground1: #ffffff;
    --colorNeutralForeground1Hover: #ffffff;
    --colorNeutralForeground1Pressed: #ffffff;
    --colorNeutralForeground1Selected: #ffffff;
    --colorNeutralForeground2: #d6d6d6;
    --colorNeutralForeground2Hover: #ffffff;
    --colorNeutralForeground2Pressed: #ffffff;
    --colorNeutralForeground2Selected: #ffffff;
    --colorNeutralForeground2BrandHover: #b56779;
    --colorNeutralForeground2BrandPressed: #a9566b;
    --colorNeutralForeground2BrandSelected: #b56779;
    --colorNeutralForeground3: #adadad;
    --colorNeutralForeground3Hover: #d6d6d6;
    --colorNeutralForeground3Pressed: #d6d6d6;
    --colorNeutralForeground3Selected: #d6d6d6;
    --colorNeutralForeground3BrandHover: #b56779;
    --colorNeutralForeground3BrandPressed: #a9566b;
    --colorNeutralForeground3BrandSelected: #b56779;
    --colorNeutralForeground4: #999999;
    --colorNeutralForeground5: #adadad;
    --colorNeutralForeground5Hover: #ffffff;
    --colorNeutralForeground5Pressed: #ffffff;
    --colorNeutralForeground5Selected: #ffffff;
    --colorNeutralForegroundDisabled: #5c5c5c;
    --colorBrandForegroundLink: #cb8896;
    --colorBrandForegroundLinkHover: #d49aa6;
    --colorBrandForegroundLinkPressed: #c07788;
    --colorBrandForegroundLinkSelected: #cb8896;
    --colorNeutralForeground2Link: #d6d6d6;
    --colorNeutralForeground2LinkHover: #ffffff;
    --colorNeutralForeground2LinkPressed: #ffffff;
    --colorNeutralForeground2LinkSelected: #ffffff;
    --colorCompoundBrandForeground1: #b56779;
    --colorCompoundBrandForeground1Hover: #c07788;
    --colorCompoundBrandForeground1Pressed: #a9566b;
    --colorBrandForeground1: #cb8896;
    --colorBrandForeground2: #cb8896;
    --colorBrandForeground2Hover: #d49aa6;
    --colorBrandForeground2Pressed: #eecfd5;
    --colorNeutralForegroundInverted: #242424;
    --colorNeutralForegroundInvertedHover: #242424;
    --colorNeutralForegroundInvertedPressed: #242424;
    --colorNeutralForegroundInvertedSelected: #242424;
    --colorNeutralForegroundInverted2: #242424;
    --colorBrandForegroundInverted: #9d465d;
    --colorBrandForegroundInvertedHover: #903650;
    --colorBrandForegroundInvertedPressed: #822743;
    --colorNeutralBackground1: #292929;
    --colorNeutralBackground1Hover: #3d3d3d;
    --colorNeutralBackground1Pressed: #1f1f1f;
    --colorNeutralBackground1Selected: #383838;
    --colorNeutralBackground2: #1f1f1f;
    --colorNeutralBackground2Hover: #333333;
    --colorNeutralBackground2Pressed: #141414;
    --colorNeutralBackground2Selected: #2e2e2e;
    --colorNeutralBackground3: #141414;
    --colorNeutralBackground3Hover: #292929;
    --colorNeutralBackground3Pressed: #0a0a0a;
    --colorNeutralBackground3Selected: #242424;
    --colorNeutralBackground4: #0a0a0a;
    --colorNeutralBackground4Hover: #1f1f1f;
    --colorNeutralBackground4Pressed: #000000;
    --colorNeutralBackground4Selected: #1a1a1a;
    --colorNeutralBackground5: #000000;
    --colorNeutralBackground5Hover: #141414;
    --colorNeutralBackground5Pressed: #050505;
    --colorNeutralBackground5Selected: #0f0f0f;
    --colorNeutralBackground6: #333333;
    --colorNeutralBackground7Hover: #1a1a1a;
    --colorNeutralBackground7Pressed: #0a0a0a;
    --colorNeutralBackground8: #292929;
    --colorNeutralBackgroundInverted: #ffffff;
    --colorNeutralBackgroundInvertedHover: #f5f5f5;
    --colorNeutralBackgroundInvertedPressed: #e0e0e0;
    --colorNeutralBackgroundInvertedSelected: #ebebeb;
    --colorNeutralBackgroundStatic: #3d3d3d;
    --colorNeutralBackgroundAlpha: rgba(26, 26, 26, 0.5);
    --colorNeutralBackgroundAlpha2: rgba(31, 31, 31, 0.7);
    --colorSubtleBackgroundHover: #383838;
    --colorSubtleBackgroundPressed: #2e2e2e;
    --colorSubtleBackgroundSelected: #333333;
    --colorSubtleBackgroundLightAlphaHover: rgba(36, 36, 36, 0.8);
    --colorSubtleBackgroundLightAlphaPressed: rgba(36, 36, 36, 0.5);
    --colorNeutralBackgroundDisabled: #141414;
    --colorNeutralBackgroundDisabled2: #292929;
    --colorNeutralStencil1: #575757;
    --colorNeutralStencil2: #333333;
    --colorNeutralStencil1Alpha: rgba(255, 255, 255, 0.1);
    --colorNeutralStencil2Alpha: rgba(255, 255, 255, 0.05);
    --colorBackgroundOverlay: rgba(0, 0, 0, 0.5);
    --colorScrollbarOverlay: rgba(255, 255, 255, 0.6);
    --colorBrandBackground: #903650;
    --colorBrandBackgroundHover: #9d465d;
    --colorCompoundBrandBackground: #b56779;
    --colorCompoundBrandBackgroundHover: #c07788;
    --colorCompoundBrandBackgroundPressed: #a9566b;
    --colorBrandBackground2: #320414;
    --colorBrandBackground2Hover: #62092b;
    --colorBrandBackground2Pressed: #0c0002;
    --colorNeutralCardBackground: #333333;
    --colorNeutralCardBackgroundHover: #3d3d3d;
    --colorNeutralCardBackgroundPressed: #2e2e2e;
    --colorNeutralCardBackgroundSelected: #383838;
    --colorNeutralCardBackgroundDisabled: #141414;
    --colorNeutralStrokeAccessible: #adadad;
    --colorNeutralStrokeAccessibleHover: #bdbdbd;
    --colorNeutralStrokeAccessiblePressed: #b3b3b3;
    --colorNeutralStrokeAccessibleSelected: #b56779;
    --colorNeutralStroke1: #666666;
    --colorNeutralStroke1Hover: #757575;
    --colorNeutralStroke1Pressed: #6b6b6b;
    --colorNeutralStroke1Selected: #707070;
    --colorNeutralStroke2: #525252;
    --colorNeutralStroke3: #3d3d3d;
    --colorNeutralStroke4: #3d3d3d;
    --colorNeutralStroke4Hover: #2e2e2e;
    --colorNeutralStroke4Pressed: #242424;
    --colorNeutralStroke4Selected: #3d3d3d;
    --colorNeutralStrokeSubtle: #0a0a0a;
    --colorNeutralStrokeOnBrand: #292929;
    --colorBrandStroke1: #b56779;
    --colorBrandStroke2: #731737;
    --colorBrandStroke2Hover: #731737;
    --colorBrandStroke2Pressed: #4f0221;
    --colorBrandStroke2Contrast: #731737;
    --colorCompoundBrandStroke: #b56779;
    --colorCompoundBrandStrokeHover: #c07788;
    --colorCompoundBrandStrokePressed: #a9566b;
    --colorNeutralStrokeDisabled: #424242;
    --colorNeutralStrokeDisabled2: #3d3d3d;
    --colorNeutralStrokeAlpha: rgba(255, 255, 255, 0.1);
    --colorStrokeFocus1: #000000;
    --colorStrokeFocus2: #ffffff;
    --colorNeutralShadowAmbient: rgba(0,0,0,0.24);
    --colorNeutralShadowKey: rgba(0,0,0,0.28);
    --colorNeutralShadowAmbientLighter: rgba(0,0,0,0.12);
    --colorNeutralShadowKeyLighter: rgba(0,0,0,0.14);
    --colorNeutralShadowAmbientDarker: rgba(0,0,0,0.40);
    --colorNeutralShadowKeyDarker: rgba(0,0,0,0.48);
    --colorPaletteRedBackground1: #3f1011;
    --colorPaletteRedBackground2: #751d1f;
    --colorPaletteRedForeground1: #e37d80;
    --colorPaletteRedForeground2: #f1bbbc;
    --colorPaletteRedForeground3: #e37d80;
    --colorPaletteRedBorderActive: #e37d80;
    --colorPaletteRedBorder1: #d13438;
    --colorPaletteRedBorder2: #e37d80;
    --colorPaletteGreenBackground1: #052505;
    --colorPaletteGreenBackground2: #094509;
    --colorPaletteGreenForeground1: #54b054;
    --colorPaletteGreenForeground2: #9fd89f;
    --colorPaletteGreenForeground3: #9fd89f;
    --colorPaletteGreenBorderActive: #54b054;
    --colorPaletteGreenBorder1: #107c10;
    --colorPaletteGreenBorder2: #9fd89f;
    --colorPaletteDarkOrangeBackground1: #411200;
    --colorPaletteDarkOrangeBackground2: #7a2101;
    --colorPaletteDarkOrangeForeground1: #e9835e;
    --colorPaletteDarkOrangeForeground2: #f4bfab;
    --colorPaletteDarkOrangeForeground3: #e9835e;
    --colorPaletteDarkOrangeBorderActive: #e9835e;
    --colorPaletteDarkOrangeBorder1: #da3b01;
    --colorPaletteDarkOrangeBorder2: #e9835e;
    --colorPaletteYellowBackground1: #4c4400;
    --colorPaletteYellowBackground2: #817400;
    --colorPaletteYellowForeground1: #feee66;
    --colorPaletteYellowForeground2: #fef7b2;
    --colorPaletteYellowForeground3: #fdea3d;
    --colorPaletteYellowBorderActive: #feee66;
    --colorPaletteYellowBorder1: #fde300;
    --colorPaletteYellowBorder2: #fdea3d;
    --colorPaletteBerryBackground1: #3a1136;
    --colorPaletteBerryBackground2: #6d2064;
    --colorPaletteBerryForeground1: #da7ed0;
    --colorPaletteBerryForeground2: #edbbe7;
    --colorPaletteBerryForeground3: #d161c4;
    --colorPaletteBerryBorderActive: #da7ed0;
    --colorPaletteBerryBorder1: #c239b3;
    --colorPaletteBerryBorder2: #d161c4;
    --colorPaletteLightGreenBackground1: #063004;
    --colorPaletteLightGreenBackground2: #0b5a08;
    --colorPaletteLightGreenForeground1: #5ec75a;
    --colorPaletteLightGreenForeground2: #a7e3a5;
    --colorPaletteLightGreenForeground3: #3db838;
    --colorPaletteLightGreenBorderActive: #5ec75a;
    --colorPaletteLightGreenBorder1: #13a10e;
    --colorPaletteLightGreenBorder2: #3db838;
    --colorPaletteMarigoldBackground1: #463100;
    --colorPaletteMarigoldBackground2: #835b00;
    --colorPaletteMarigoldForeground1: #f2c661;
    --colorPaletteMarigoldForeground2: #f9e2ae;
    --colorPaletteMarigoldForeground3: #efb839;
    --colorPaletteMarigoldBorderActive: #f2c661;
    --colorPaletteMarigoldBorder1: #eaa300;
    --colorPaletteMarigoldBorder2: #efb839;
    --colorPaletteRedForegroundInverted: #d13438;
    --colorPaletteGreenForegroundInverted: #107c10;
    --colorPaletteYellowForegroundInverted: #817400;
    --colorPaletteDarkRedBackground2: #590815;
    --colorPaletteDarkRedForeground2: #d69ca5;
    --colorPaletteDarkRedBorderActive: #ac4f5e;
    --colorPaletteCranberryBackground2: #6e0811;
    --colorPaletteCranberryForeground2: #eeacb2;
    --colorPaletteCranberryBorderActive: #dc626d;
    --colorPalettePumpkinBackground2: #712d09;
    --colorPalettePumpkinForeground2: #efc4ad;
    --colorPalettePumpkinBorderActive: #df8e64;
    --colorPalettePeachBackground2: #8f4e00;
    --colorPalettePeachForeground2: #ffddb3;
    --colorPalettePeachBorderActive: #ffba66;
    --colorPaletteGoldBackground2: #6c5700;
    --colorPaletteGoldForeground2: #ecdfa5;
    --colorPaletteGoldBorderActive: #dac157;
    --colorPaletteBrassBackground2: #553e06;
    --colorPaletteBrassForeground2: #e0cea2;
    --colorPaletteBrassBorderActive: #c1a256;
    --colorPaletteBrownBackground2: #50301a;
    --colorPaletteBrownForeground2: #ddc3b0;
    --colorPaletteBrownBorderActive: #bb8f6f;
    --colorPaletteForestBackground2: #294903;
    --colorPaletteForestForeground2: #bdd99b;
    --colorPaletteForestBorderActive: #85b44c;
    --colorPaletteSeafoamBackground2: #00723b;
    --colorPaletteSeafoamForeground2: #a8f0cd;
    --colorPaletteSeafoamBorderActive: #5ae0a0;
    --colorPaletteDarkGreenBackground2: #063b06;
    --colorPaletteDarkGreenForeground2: #9ad29a;
    --colorPaletteDarkGreenBorderActive: #4da64d;
    --colorPaletteLightTealBackground2: #00666d;
    --colorPaletteLightTealForeground2: #a6e9ed;
    --colorPaletteLightTealBorderActive: #58d3db;
    --colorPaletteTealBackground2: #02494c;
    --colorPaletteTealForeground2: #9bd9db;
    --colorPaletteTealBorderActive: #4cb4b7;
    --colorPaletteSteelBackground2: #00333f;
    --colorPaletteSteelForeground2: #94c8d4;
    --colorPaletteSteelBorderActive: #4496a9;
    --colorPaletteBlueBackground2: #004377;
    --colorPaletteBlueForeground2: #a9d3f2;
    --colorPaletteBlueBorderActive: #5caae5;
    --colorPaletteRoyalBlueBackground2: #002c4e;
    --colorPaletteRoyalBlueForeground2: #9abfdc;
    --colorPaletteRoyalBlueBorderActive: #4a89ba;
    --colorPaletteCornflowerBackground2: #2c3c85;
    --colorPaletteCornflowerForeground2: #c8d1fa;
    --colorPaletteCornflowerBorderActive: #93a4f4;
    --colorPaletteNavyBackground2: #001665;
    --colorPaletteNavyForeground2: #a3b2e8;
    --colorPaletteNavyBorderActive: #546fd2;
    --colorPaletteLavenderBackground2: #3f3682;
    --colorPaletteLavenderForeground2: #d2ccf8;
    --colorPaletteLavenderBorderActive: #a79cf1;
    --colorPalettePurpleBackground2: #341a51;
    --colorPalettePurpleForeground2: #c6b1de;
    --colorPalettePurpleBorderActive: #9470bd;
    --colorPaletteGrapeBackground2: #4c0d55;
    --colorPaletteGrapeForeground2: #d9a7e0;
    --colorPaletteGrapeBorderActive: #b55fc1;
    --colorPaletteLilacBackground2: #63276d;
    --colorPaletteLilacForeground2: #e6bfed;
    --colorPaletteLilacBorderActive: #cf87da;
    --colorPalettePinkBackground2: #80215d;
    --colorPalettePinkForeground2: #f7c0e3;
    --colorPalettePinkBorderActive: #ef85c8;
    --colorPaletteMagentaBackground2: #6b0043;
    --colorPaletteMagentaForeground2: #eca5d1;
    --colorPaletteMagentaBorderActive: #d957a8;
    --colorPalettePlumBackground2: #5a003b;
    --colorPalettePlumForeground2: #d696c0;
    --colorPalettePlumBorderActive: #ad4589;
    --colorPaletteBeigeBackground2: #444241;
    --colorPaletteBeigeForeground2: #d7d4d4;
    --colorPaletteBeigeBorderActive: #afabaa;
    --colorPaletteMinkBackground2: #343231;
    --colorPaletteMinkForeground2: #cecccb;
    --colorPaletteMinkBorderActive: #9e9b99;
    --colorPalettePlatinumBackground2: #3b4447;
    --colorPalettePlatinumForeground2: #cdd6d8;
    --colorPalettePlatinumBorderActive: #a0adb2;
    --colorPaletteAnchorBackground2: #202427;
    --colorPaletteAnchorForeground2: #bcc3c7;
    --colorPaletteAnchorBorderActive: #808a90;
    --colorStatusSuccessBackground1: #052505;
    --colorStatusSuccessBackground2: #094509;
    --colorStatusSuccessForeground1: #54b054;
    --colorStatusSuccessForeground2: #9fd89f;
    --colorStatusSuccessForeground3: #9fd89f;
    --colorStatusSuccessBorderActive: #54b054;
    --colorStatusSuccessForegroundInverted: #0e700e;
    --colorStatusSuccessBorder1: #107c10;
    --colorStatusSuccessBorder2: #9fd89f;
    --colorStatusWarningBackground1: #4a1e04;
    --colorStatusWarningBackground2: #8a3707;
    --colorStatusWarningForeground1: #faa06b;
    --colorStatusWarningForeground2: #fdcfb4;
    --colorStatusWarningForeground3: #f98845;
    --colorStatusWarningBorderActive: #faa06b;
    --colorStatusWarningForegroundInverted: #bc4b09;
    --colorStatusWarningBorder1: #f7630c;
    --colorStatusWarningBorder2: #f98845;
    --colorStatusDangerBackground1: #3b0509;
    --colorStatusDangerBackground2: #6e0811;
    --colorStatusDangerForeground1: #dc626d;
    --colorStatusDangerForeground2: #eeacb2;
    --colorStatusDangerForeground3: #eeacb2;
    --colorStatusDangerBorderActive: #dc626d;
    --colorStatusDangerForegroundInverted: #b10e1c;
    --colorStatusDangerBorder1: #c50f1f;
    --colorStatusDangerBorder2: #dc626d;
    --shadow2: 0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.28);
    --shadow4: 0 0 2px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.28);
    --shadow8: 0 0 2px rgba(0,0,0,0.24), 0 4px 8px rgba(0,0,0,0.28);
    --shadow16: 0 0 2px rgba(0,0,0,0.24), 0 8px 16px rgba(0,0,0,0.28);
    --shadow28: 0 0 8px rgba(0,0,0,0.24), 0 14px 28px rgba(0,0,0,0.28);
    --shadow64: 0 0 8px rgba(0,0,0,0.24), 0 32px 64px rgba(0,0,0,0.28);
  }
}

/* Explicit light: lets a region stay light inside a dark page (or override the OS preference). */
[data-theme="light"] {
  color-scheme: light;
  --colorNeutralForeground1: #242424;
  --colorNeutralForeground1Hover: #242424;
  --colorNeutralForeground1Pressed: #242424;
  --colorNeutralForeground1Selected: #242424;
  --colorNeutralForeground2: #424242;
  --colorNeutralForeground2Hover: #242424;
  --colorNeutralForeground2Pressed: #242424;
  --colorNeutralForeground2Selected: #242424;
  --colorNeutralForeground2BrandHover: #9d465d;
  --colorNeutralForeground2BrandPressed: #903650;
  --colorNeutralForeground2BrandSelected: #9d465d;
  --colorNeutralForeground3: #616161;
  --colorNeutralForeground3Hover: #424242;
  --colorNeutralForeground3Pressed: #424242;
  --colorNeutralForeground3Selected: #424242;
  --colorNeutralForeground3BrandHover: #9d465d;
  --colorNeutralForeground3BrandPressed: #903650;
  --colorNeutralForeground3BrandSelected: #9d465d;
  --colorNeutralForeground4: #707070;
  --colorNeutralForeground5: #616161;
  --colorNeutralForeground5Hover: #242424;
  --colorNeutralForeground5Pressed: #242424;
  --colorNeutralForeground5Selected: #242424;
  --colorNeutralForegroundDisabled: #bdbdbd;
  --colorBrandForegroundLink: #903650;
  --colorBrandForegroundLinkHover: #822743;
  --colorBrandForegroundLinkPressed: #62092b;
  --colorBrandForegroundLinkSelected: #903650;
  --colorNeutralForeground2Link: #424242;
  --colorNeutralForeground2LinkHover: #242424;
  --colorNeutralForeground2LinkPressed: #242424;
  --colorNeutralForeground2LinkSelected: #242424;
  --colorCompoundBrandForeground1: #9d465d;
  --colorCompoundBrandForeground1Hover: #903650;
  --colorCompoundBrandForeground1Pressed: #822743;
  --colorBrandForeground1: #9d465d;
  --colorBrandForeground2: #903650;
  --colorBrandForeground2Hover: #822743;
  --colorBrandForeground2Pressed: #4f0221;
  --colorNeutralForegroundInverted: #ffffff;
  --colorNeutralForegroundInvertedHover: #ffffff;
  --colorNeutralForegroundInvertedPressed: #ffffff;
  --colorNeutralForegroundInvertedSelected: #ffffff;
  --colorNeutralForegroundInverted2: #ffffff;
  --colorBrandForegroundInverted: #b56779;
  --colorBrandForegroundInvertedHover: #c07788;
  --colorBrandForegroundInvertedPressed: #b56779;
  --colorNeutralBackground1: #ffffff;
  --colorNeutralBackground1Hover: #f5f5f5;
  --colorNeutralBackground1Pressed: #e0e0e0;
  --colorNeutralBackground1Selected: #ebebeb;
  --colorNeutralBackground2: #fafafa;
  --colorNeutralBackground2Hover: #f0f0f0;
  --colorNeutralBackground2Pressed: #dbdbdb;
  --colorNeutralBackground2Selected: #e6e6e6;
  --colorNeutralBackground3: #f5f5f5;
  --colorNeutralBackground3Hover: #ebebeb;
  --colorNeutralBackground3Pressed: #d6d6d6;
  --colorNeutralBackground3Selected: #e0e0e0;
  --colorNeutralBackground4: #f0f0f0;
  --colorNeutralBackground4Hover: #fafafa;
  --colorNeutralBackground4Pressed: #f5f5f5;
  --colorNeutralBackground4Selected: #ffffff;
  --colorNeutralBackground5: #ebebeb;
  --colorNeutralBackground5Hover: #f5f5f5;
  --colorNeutralBackground5Pressed: #f0f0f0;
  --colorNeutralBackground5Selected: #fafafa;
  --colorNeutralBackground6: #e6e6e6;
  --colorNeutralBackground7Hover: #ebebeb;
  --colorNeutralBackground7Pressed: #d6d6d6;
  --colorNeutralBackground8: #fcfcfc;
  --colorNeutralBackgroundInverted: #292929;
  --colorNeutralBackgroundInvertedHover: #3d3d3d;
  --colorNeutralBackgroundInvertedPressed: #1f1f1f;
  --colorNeutralBackgroundInvertedSelected: #383838;
  --colorNeutralBackgroundStatic: #333333;
  --colorNeutralBackgroundAlpha: rgba(255, 255, 255, 0.5);
  --colorNeutralBackgroundAlpha2: rgba(255, 255, 255, 0.8);
  --colorSubtleBackgroundHover: #f5f5f5;
  --colorSubtleBackgroundPressed: #e0e0e0;
  --colorSubtleBackgroundSelected: #ebebeb;
  --colorSubtleBackgroundLightAlphaHover: rgba(255, 255, 255, 0.7);
  --colorSubtleBackgroundLightAlphaPressed: rgba(255, 255, 255, 0.5);
  --colorNeutralBackgroundDisabled: #f0f0f0;
  --colorNeutralBackgroundDisabled2: #ffffff;
  --colorNeutralStencil1: #e6e6e6;
  --colorNeutralStencil2: #fafafa;
  --colorNeutralStencil1Alpha: rgba(0, 0, 0, 0.1);
  --colorNeutralStencil2Alpha: rgba(0, 0, 0, 0.05);
  --colorBackgroundOverlay: rgba(0, 0, 0, 0.4);
  --colorScrollbarOverlay: rgba(0, 0, 0, 0.5);
  --colorBrandBackground: #9d465d;
  --colorBrandBackgroundHover: #903650;
  --colorCompoundBrandBackground: #9d465d;
  --colorCompoundBrandBackgroundHover: #903650;
  --colorCompoundBrandBackgroundPressed: #822743;
  --colorBrandBackground2: #eecfd5;
  --colorBrandBackground2Hover: #e6bdc5;
  --colorBrandBackground2Pressed: #d49aa6;
  --colorNeutralCardBackground: #fafafa;
  --colorNeutralCardBackgroundHover: #ffffff;
  --colorNeutralCardBackgroundPressed: #f5f5f5;
  --colorNeutralCardBackgroundSelected: #ebebeb;
  --colorNeutralCardBackgroundDisabled: #f0f0f0;
  --colorNeutralStrokeAccessible: #616161;
  --colorNeutralStrokeAccessibleHover: #575757;
  --colorNeutralStrokeAccessiblePressed: #4d4d4d;
  --colorNeutralStrokeAccessibleSelected: #9d465d;
  --colorNeutralStroke1: #d1d1d1;
  --colorNeutralStroke1Hover: #c7c7c7;
  --colorNeutralStroke1Pressed: #b3b3b3;
  --colorNeutralStroke1Selected: #bdbdbd;
  --colorNeutralStroke2: #e0e0e0;
  --colorNeutralStroke3: #f0f0f0;
  --colorNeutralStroke4: #ebebeb;
  --colorNeutralStroke4Hover: #e0e0e0;
  --colorNeutralStroke4Pressed: #d6d6d6;
  --colorNeutralStroke4Selected: #ebebeb;
  --colorNeutralStrokeSubtle: #e0e0e0;
  --colorNeutralStrokeOnBrand: #ffffff;
  --colorBrandStroke1: #9d465d;
  --colorBrandStroke2: #deabb5;
  --colorBrandStroke2Hover: #cb8896;
  --colorBrandStroke2Pressed: #9d465d;
  --colorBrandStroke2Contrast: #deabb5;
  --colorCompoundBrandStroke: #9d465d;
  --colorCompoundBrandStrokeHover: #903650;
  --colorCompoundBrandStrokePressed: #822743;
  --colorNeutralStrokeDisabled: #e0e0e0;
  --colorNeutralStrokeDisabled2: #ebebeb;
  --colorNeutralStrokeAlpha: rgba(0, 0, 0, 0.05);
  --colorStrokeFocus1: #ffffff;
  --colorStrokeFocus2: #000000;
  --colorNeutralShadowAmbient: rgba(0,0,0,0.12);
  --colorNeutralShadowKey: rgba(0,0,0,0.14);
  --colorNeutralShadowAmbientLighter: rgba(0,0,0,0.06);
  --colorNeutralShadowKeyLighter: rgba(0,0,0,0.07);
  --colorNeutralShadowAmbientDarker: rgba(0,0,0,0.20);
  --colorNeutralShadowKeyDarker: rgba(0,0,0,0.24);
  --colorPaletteRedBackground1: #fdf6f6;
  --colorPaletteRedBackground2: #f1bbbc;
  --colorPaletteRedForeground1: #bc2f32;
  --colorPaletteRedForeground2: #751d1f;
  --colorPaletteRedForeground3: #d13438;
  --colorPaletteRedBorderActive: #d13438;
  --colorPaletteRedBorder1: #f1bbbc;
  --colorPaletteRedBorder2: #d13438;
  --colorPaletteGreenBackground1: #f1faf1;
  --colorPaletteGreenBackground2: #9fd89f;
  --colorPaletteGreenForeground1: #0e700e;
  --colorPaletteGreenForeground2: #094509;
  --colorPaletteGreenForeground3: #107c10;
  --colorPaletteGreenBorderActive: #107c10;
  --colorPaletteGreenBorder1: #9fd89f;
  --colorPaletteGreenBorder2: #107c10;
  --colorPaletteDarkOrangeBackground1: #fdf6f3;
  --colorPaletteDarkOrangeBackground2: #f4bfab;
  --colorPaletteDarkOrangeForeground1: #c43501;
  --colorPaletteDarkOrangeForeground2: #7a2101;
  --colorPaletteDarkOrangeForeground3: #da3b01;
  --colorPaletteDarkOrangeBorderActive: #da3b01;
  --colorPaletteDarkOrangeBorder1: #f4bfab;
  --colorPaletteDarkOrangeBorder2: #da3b01;
  --colorPaletteYellowBackground1: #fffef5;
  --colorPaletteYellowBackground2: #fef7b2;
  --colorPaletteYellowForeground1: #817400;
  --colorPaletteYellowForeground2: #817400;
  --colorPaletteYellowForeground3: #fde300;
  --colorPaletteYellowBorderActive: #fde300;
  --colorPaletteYellowBorder1: #fef7b2;
  --colorPaletteYellowBorder2: #fde300;
  --colorPaletteBerryBackground1: #fdf5fc;
  --colorPaletteBerryBackground2: #edbbe7;
  --colorPaletteBerryForeground1: #af33a1;
  --colorPaletteBerryForeground2: #6d2064;
  --colorPaletteBerryForeground3: #c239b3;
  --colorPaletteBerryBorderActive: #c239b3;
  --colorPaletteBerryBorder1: #edbbe7;
  --colorPaletteBerryBorder2: #c239b3;
  --colorPaletteLightGreenBackground1: #f2fbf2;
  --colorPaletteLightGreenBackground2: #a7e3a5;
  --colorPaletteLightGreenForeground1: #11910d;
  --colorPaletteLightGreenForeground2: #0b5a08;
  --colorPaletteLightGreenForeground3: #13a10e;
  --colorPaletteLightGreenBorderActive: #13a10e;
  --colorPaletteLightGreenBorder1: #a7e3a5;
  --colorPaletteLightGreenBorder2: #13a10e;
  --colorPaletteMarigoldBackground1: #fefbf4;
  --colorPaletteMarigoldBackground2: #f9e2ae;
  --colorPaletteMarigoldForeground1: #d39300;
  --colorPaletteMarigoldForeground2: #835b00;
  --colorPaletteMarigoldForeground3: #eaa300;
  --colorPaletteMarigoldBorderActive: #eaa300;
  --colorPaletteMarigoldBorder1: #f9e2ae;
  --colorPaletteMarigoldBorder2: #eaa300;
  --colorPaletteRedForegroundInverted: #dc5e62;
  --colorPaletteGreenForegroundInverted: #359b35;
  --colorPaletteYellowForegroundInverted: #fef7b2;
  --colorPaletteDarkRedBackground2: #d69ca5;
  --colorPaletteDarkRedForeground2: #420610;
  --colorPaletteDarkRedBorderActive: #750b1c;
  --colorPaletteCranberryBackground2: #eeacb2;
  --colorPaletteCranberryForeground2: #6e0811;
  --colorPaletteCranberryBorderActive: #c50f1f;
  --colorPalettePumpkinBackground2: #efc4ad;
  --colorPalettePumpkinForeground2: #712d09;
  --colorPalettePumpkinBorderActive: #ca5010;
  --colorPalettePeachBackground2: #ffddb3;
  --colorPalettePeachForeground2: #8f4e00;
  --colorPalettePeachBorderActive: #ff8c00;
  --colorPaletteGoldBackground2: #ecdfa5;
  --colorPaletteGoldForeground2: #6c5700;
  --colorPaletteGoldBorderActive: #c19c00;
  --colorPaletteBrassBackground2: #e0cea2;
  --colorPaletteBrassForeground2: #553e06;
  --colorPaletteBrassBorderActive: #986f0b;
  --colorPaletteBrownBackground2: #ddc3b0;
  --colorPaletteBrownForeground2: #50301a;
  --colorPaletteBrownBorderActive: #8e562e;
  --colorPaletteForestBackground2: #bdd99b;
  --colorPaletteForestForeground2: #294903;
  --colorPaletteForestBorderActive: #498205;
  --colorPaletteSeafoamBackground2: #a8f0cd;
  --colorPaletteSeafoamForeground2: #00723b;
  --colorPaletteSeafoamBorderActive: #00cc6a;
  --colorPaletteDarkGreenBackground2: #9ad29a;
  --colorPaletteDarkGreenForeground2: #063b06;
  --colorPaletteDarkGreenBorderActive: #0b6a0b;
  --colorPaletteLightTealBackground2: #a6e9ed;
  --colorPaletteLightTealForeground2: #00666d;
  --colorPaletteLightTealBorderActive: #00b7c3;
  --colorPaletteTealBackground2: #9bd9db;
  --colorPaletteTealForeground2: #02494c;
  --colorPaletteTealBorderActive: #038387;
  --colorPaletteSteelBackground2: #94c8d4;
  --colorPaletteSteelForeground2: #00333f;
  --colorPaletteSteelBorderActive: #005b70;
  --colorPaletteBlueBackground2: #a9d3f2;
  --colorPaletteBlueForeground2: #004377;
  --colorPaletteBlueBorderActive: #0078d4;
  --colorPaletteRoyalBlueBackground2: #9abfdc;
  --colorPaletteRoyalBlueForeground2: #002c4e;
  --colorPaletteRoyalBlueBorderActive: #004e8c;
  --colorPaletteCornflowerBackground2: #c8d1fa;
  --colorPaletteCornflowerForeground2: #2c3c85;
  --colorPaletteCornflowerBorderActive: #4f6bed;
  --colorPaletteNavyBackground2: #a3b2e8;
  --colorPaletteNavyForeground2: #001665;
  --colorPaletteNavyBorderActive: #0027b4;
  --colorPaletteLavenderBackground2: #d2ccf8;
  --colorPaletteLavenderForeground2: #3f3682;
  --colorPaletteLavenderBorderActive: #7160e8;
  --colorPalettePurpleBackground2: #c6b1de;
  --colorPalettePurpleForeground2: #341a51;
  --colorPalettePurpleBorderActive: #5c2e91;
  --colorPaletteGrapeBackground2: #d9a7e0;
  --colorPaletteGrapeForeground2: #4c0d55;
  --colorPaletteGrapeBorderActive: #881798;
  --colorPaletteLilacBackground2: #e6bfed;
  --colorPaletteLilacForeground2: #63276d;
  --colorPaletteLilacBorderActive: #b146c2;
  --colorPalettePinkBackground2: #f7c0e3;
  --colorPalettePinkForeground2: #80215d;
  --colorPalettePinkBorderActive: #e43ba6;
  --colorPaletteMagentaBackground2: #eca5d1;
  --colorPaletteMagentaForeground2: #6b0043;
  --colorPaletteMagentaBorderActive: #bf0077;
  --colorPalettePlumBackground2: #d696c0;
  --colorPalettePlumForeground2: #43002b;
  --colorPalettePlumBorderActive: #77004d;
  --colorPaletteBeigeBackground2: #d7d4d4;
  --colorPaletteBeigeForeground2: #444241;
  --colorPaletteBeigeBorderActive: #7a7574;
  --colorPaletteMinkBackground2: #cecccb;
  --colorPaletteMinkForeground2: #343231;
  --colorPaletteMinkBorderActive: #5d5a58;
  --colorPalettePlatinumBackground2: #cdd6d8;
  --colorPalettePlatinumForeground2: #3b4447;
  --colorPalettePlatinumBorderActive: #69797e;
  --colorPaletteAnchorBackground2: #bcc3c7;
  --colorPaletteAnchorForeground2: #202427;
  --colorPaletteAnchorBorderActive: #394146;
  --colorStatusSuccessBackground1: #f1faf1;
  --colorStatusSuccessBackground2: #9fd89f;
  --colorStatusSuccessForeground1: #0e700e;
  --colorStatusSuccessForeground2: #094509;
  --colorStatusSuccessForeground3: #107c10;
  --colorStatusSuccessBorderActive: #107c10;
  --colorStatusSuccessForegroundInverted: #54b054;
  --colorStatusSuccessBorder1: #9fd89f;
  --colorStatusSuccessBorder2: #107c10;
  --colorStatusWarningBackground1: #fff9f5;
  --colorStatusWarningBackground2: #fdcfb4;
  --colorStatusWarningForeground1: #bc4b09;
  --colorStatusWarningForeground2: #8a3707;
  --colorStatusWarningForeground3: #bc4b09;
  --colorStatusWarningBorderActive: #f7630c;
  --colorStatusWarningForegroundInverted: #faa06b;
  --colorStatusWarningBorder1: #fdcfb4;
  --colorStatusWarningBorder2: #bc4b09;
  --colorStatusDangerBackground1: #fdf3f4;
  --colorStatusDangerBackground2: #eeacb2;
  --colorStatusDangerForeground1: #b10e1c;
  --colorStatusDangerForeground2: #6e0811;
  --colorStatusDangerForeground3: #c50f1f;
  --colorStatusDangerBorderActive: #c50f1f;
  --colorStatusDangerForegroundInverted: #dc626d;
  --colorStatusDangerBorder1: #eeacb2;
  --colorStatusDangerBorder2: #c50f1f;
  --shadow2: 0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
  --shadow4: 0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14);
  --shadow8: 0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14);
  --shadow16: 0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14);
  --shadow28: 0 0 8px rgba(0,0,0,0.12), 0 14px 28px rgba(0,0,0,0.14);
  --shadow64: 0 0 8px rgba(0,0,0,0.12), 0 32px 64px rgba(0,0,0,0.14);
  --fontFamilyBase: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
  --colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, 0.4);
  --colorNeutralForeground1Static: #242424;
  --colorNeutralForegroundOnBrand: #ffffff;
  --colorNeutralForegroundInvertedLink: #ffffff;
  --colorNeutralForegroundInvertedLinkHover: #ffffff;
  --colorNeutralForegroundInvertedLinkPressed: #ffffff;
  --colorNeutralForegroundInvertedLinkSelected: #ffffff;
  --colorBrandForegroundOnLight: #9d465d;
  --colorBrandForegroundOnLightHover: #903650;
  --colorBrandForegroundOnLightPressed: #731737;
  --colorBrandForegroundOnLightSelected: #822743;
  --colorNeutralBackground7: #00000000;
  --colorNeutralBackground7Selected: #00000000;
  --colorSubtleBackgroundLightAlphaSelected: transparent;
  --colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, 0.1);
  --colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, 0.3);
  --colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, 0.2);
  --colorTransparentBackgroundHover: transparent;
  --colorTransparentBackgroundPressed: transparent;
  --colorTransparentBackgroundSelected: transparent;
  --colorNeutralBackgroundInvertedDisabled: rgba(255, 255, 255, 0.1);
  --colorBrandBackgroundPressed: #62092b;
  --colorBrandBackgroundSelected: #822743;
  --colorBrandBackgroundStatic: #9d465d;
  --colorBrandBackground3Static: #822743;
  --colorBrandBackground4Static: #62092b;
  --colorBrandBackgroundInvertedHover: #eecfd5;
  --colorBrandBackgroundInvertedPressed: #deabb5;
  --colorBrandBackgroundInvertedSelected: #e6bdc5;
  --colorNeutralStrokeInvertedDisabled: rgba(255, 255, 255, 0.4);
  --colorTransparentStroke: transparent;
  --colorTransparentStrokeInteractive: transparent;
  --colorTransparentStrokeDisabled: transparent;
  --colorNeutralStrokeAlpha2: rgba(255, 255, 255, 0.2);
  --colorPaletteRedBackground3: #d13438;
  --colorPaletteGreenBackground3: #107c10;
  --colorPaletteDarkOrangeBackground3: #da3b01;
  --colorPaletteYellowBackground3: #fde300;
  --colorPaletteBerryBackground3: #c239b3;
  --colorPaletteLightGreenBackground3: #13a10e;
  --colorPaletteMarigoldBackground3: #eaa300;
  --colorStatusSuccessBackground3: #107c10;
  --colorStatusWarningBackground3: #f7630c;
  --colorStatusDangerBackground3: #c50f1f;
  --colorStatusDangerBackground3Hover: #b10e1c;
  --colorStatusDangerBackground3Pressed: #960b18;
}

[data-theme="dark"] {
  color-scheme: dark;
  --colorNeutralForeground1: #ffffff;
  --colorNeutralForeground1Hover: #ffffff;
  --colorNeutralForeground1Pressed: #ffffff;
  --colorNeutralForeground1Selected: #ffffff;
  --colorNeutralForeground2: #d6d6d6;
  --colorNeutralForeground2Hover: #ffffff;
  --colorNeutralForeground2Pressed: #ffffff;
  --colorNeutralForeground2Selected: #ffffff;
  --colorNeutralForeground2BrandHover: #b56779;
  --colorNeutralForeground2BrandPressed: #a9566b;
  --colorNeutralForeground2BrandSelected: #b56779;
  --colorNeutralForeground3: #adadad;
  --colorNeutralForeground3Hover: #d6d6d6;
  --colorNeutralForeground3Pressed: #d6d6d6;
  --colorNeutralForeground3Selected: #d6d6d6;
  --colorNeutralForeground3BrandHover: #b56779;
  --colorNeutralForeground3BrandPressed: #a9566b;
  --colorNeutralForeground3BrandSelected: #b56779;
  --colorNeutralForeground4: #999999;
  --colorNeutralForeground5: #adadad;
  --colorNeutralForeground5Hover: #ffffff;
  --colorNeutralForeground5Pressed: #ffffff;
  --colorNeutralForeground5Selected: #ffffff;
  --colorNeutralForegroundDisabled: #5c5c5c;
  --colorBrandForegroundLink: #cb8896;
  --colorBrandForegroundLinkHover: #d49aa6;
  --colorBrandForegroundLinkPressed: #c07788;
  --colorBrandForegroundLinkSelected: #cb8896;
  --colorNeutralForeground2Link: #d6d6d6;
  --colorNeutralForeground2LinkHover: #ffffff;
  --colorNeutralForeground2LinkPressed: #ffffff;
  --colorNeutralForeground2LinkSelected: #ffffff;
  --colorCompoundBrandForeground1: #b56779;
  --colorCompoundBrandForeground1Hover: #c07788;
  --colorCompoundBrandForeground1Pressed: #a9566b;
  --colorBrandForeground1: #cb8896;
  --colorBrandForeground2: #cb8896;
  --colorBrandForeground2Hover: #d49aa6;
  --colorBrandForeground2Pressed: #eecfd5;
  --colorNeutralForegroundInverted: #242424;
  --colorNeutralForegroundInvertedHover: #242424;
  --colorNeutralForegroundInvertedPressed: #242424;
  --colorNeutralForegroundInvertedSelected: #242424;
  --colorNeutralForegroundInverted2: #242424;
  --colorBrandForegroundInverted: #9d465d;
  --colorBrandForegroundInvertedHover: #903650;
  --colorBrandForegroundInvertedPressed: #822743;
  --colorNeutralBackground1: #292929;
  --colorNeutralBackground1Hover: #3d3d3d;
  --colorNeutralBackground1Pressed: #1f1f1f;
  --colorNeutralBackground1Selected: #383838;
  --colorNeutralBackground2: #1f1f1f;
  --colorNeutralBackground2Hover: #333333;
  --colorNeutralBackground2Pressed: #141414;
  --colorNeutralBackground2Selected: #2e2e2e;
  --colorNeutralBackground3: #141414;
  --colorNeutralBackground3Hover: #292929;
  --colorNeutralBackground3Pressed: #0a0a0a;
  --colorNeutralBackground3Selected: #242424;
  --colorNeutralBackground4: #0a0a0a;
  --colorNeutralBackground4Hover: #1f1f1f;
  --colorNeutralBackground4Pressed: #000000;
  --colorNeutralBackground4Selected: #1a1a1a;
  --colorNeutralBackground5: #000000;
  --colorNeutralBackground5Hover: #141414;
  --colorNeutralBackground5Pressed: #050505;
  --colorNeutralBackground5Selected: #0f0f0f;
  --colorNeutralBackground6: #333333;
  --colorNeutralBackground7Hover: #1a1a1a;
  --colorNeutralBackground7Pressed: #0a0a0a;
  --colorNeutralBackground8: #292929;
  --colorNeutralBackgroundInverted: #ffffff;
  --colorNeutralBackgroundInvertedHover: #f5f5f5;
  --colorNeutralBackgroundInvertedPressed: #e0e0e0;
  --colorNeutralBackgroundInvertedSelected: #ebebeb;
  --colorNeutralBackgroundStatic: #3d3d3d;
  --colorNeutralBackgroundAlpha: rgba(26, 26, 26, 0.5);
  --colorNeutralBackgroundAlpha2: rgba(31, 31, 31, 0.7);
  --colorSubtleBackgroundHover: #383838;
  --colorSubtleBackgroundPressed: #2e2e2e;
  --colorSubtleBackgroundSelected: #333333;
  --colorSubtleBackgroundLightAlphaHover: rgba(36, 36, 36, 0.8);
  --colorSubtleBackgroundLightAlphaPressed: rgba(36, 36, 36, 0.5);
  --colorNeutralBackgroundDisabled: #141414;
  --colorNeutralBackgroundDisabled2: #292929;
  --colorNeutralStencil1: #575757;
  --colorNeutralStencil2: #333333;
  --colorNeutralStencil1Alpha: rgba(255, 255, 255, 0.1);
  --colorNeutralStencil2Alpha: rgba(255, 255, 255, 0.05);
  --colorBackgroundOverlay: rgba(0, 0, 0, 0.5);
  --colorScrollbarOverlay: rgba(255, 255, 255, 0.6);
  --colorBrandBackground: #903650;
  --colorBrandBackgroundHover: #9d465d;
  --colorCompoundBrandBackground: #b56779;
  --colorCompoundBrandBackgroundHover: #c07788;
  --colorCompoundBrandBackgroundPressed: #a9566b;
  --colorBrandBackground2: #320414;
  --colorBrandBackground2Hover: #62092b;
  --colorBrandBackground2Pressed: #0c0002;
  --colorNeutralCardBackground: #333333;
  --colorNeutralCardBackgroundHover: #3d3d3d;
  --colorNeutralCardBackgroundPressed: #2e2e2e;
  --colorNeutralCardBackgroundSelected: #383838;
  --colorNeutralCardBackgroundDisabled: #141414;
  --colorNeutralStrokeAccessible: #adadad;
  --colorNeutralStrokeAccessibleHover: #bdbdbd;
  --colorNeutralStrokeAccessiblePressed: #b3b3b3;
  --colorNeutralStrokeAccessibleSelected: #b56779;
  --colorNeutralStroke1: #666666;
  --colorNeutralStroke1Hover: #757575;
  --colorNeutralStroke1Pressed: #6b6b6b;
  --colorNeutralStroke1Selected: #707070;
  --colorNeutralStroke2: #525252;
  --colorNeutralStroke3: #3d3d3d;
  --colorNeutralStroke4: #3d3d3d;
  --colorNeutralStroke4Hover: #2e2e2e;
  --colorNeutralStroke4Pressed: #242424;
  --colorNeutralStroke4Selected: #3d3d3d;
  --colorNeutralStrokeSubtle: #0a0a0a;
  --colorNeutralStrokeOnBrand: #292929;
  --colorBrandStroke1: #b56779;
  --colorBrandStroke2: #731737;
  --colorBrandStroke2Hover: #731737;
  --colorBrandStroke2Pressed: #4f0221;
  --colorBrandStroke2Contrast: #731737;
  --colorCompoundBrandStroke: #b56779;
  --colorCompoundBrandStrokeHover: #c07788;
  --colorCompoundBrandStrokePressed: #a9566b;
  --colorNeutralStrokeDisabled: #424242;
  --colorNeutralStrokeDisabled2: #3d3d3d;
  --colorNeutralStrokeAlpha: rgba(255, 255, 255, 0.1);
  --colorStrokeFocus1: #000000;
  --colorStrokeFocus2: #ffffff;
  --colorNeutralShadowAmbient: rgba(0,0,0,0.24);
  --colorNeutralShadowKey: rgba(0,0,0,0.28);
  --colorNeutralShadowAmbientLighter: rgba(0,0,0,0.12);
  --colorNeutralShadowKeyLighter: rgba(0,0,0,0.14);
  --colorNeutralShadowAmbientDarker: rgba(0,0,0,0.40);
  --colorNeutralShadowKeyDarker: rgba(0,0,0,0.48);
  --colorPaletteRedBackground1: #3f1011;
  --colorPaletteRedBackground2: #751d1f;
  --colorPaletteRedForeground1: #e37d80;
  --colorPaletteRedForeground2: #f1bbbc;
  --colorPaletteRedForeground3: #e37d80;
  --colorPaletteRedBorderActive: #e37d80;
  --colorPaletteRedBorder1: #d13438;
  --colorPaletteRedBorder2: #e37d80;
  --colorPaletteGreenBackground1: #052505;
  --colorPaletteGreenBackground2: #094509;
  --colorPaletteGreenForeground1: #54b054;
  --colorPaletteGreenForeground2: #9fd89f;
  --colorPaletteGreenForeground3: #9fd89f;
  --colorPaletteGreenBorderActive: #54b054;
  --colorPaletteGreenBorder1: #107c10;
  --colorPaletteGreenBorder2: #9fd89f;
  --colorPaletteDarkOrangeBackground1: #411200;
  --colorPaletteDarkOrangeBackground2: #7a2101;
  --colorPaletteDarkOrangeForeground1: #e9835e;
  --colorPaletteDarkOrangeForeground2: #f4bfab;
  --colorPaletteDarkOrangeForeground3: #e9835e;
  --colorPaletteDarkOrangeBorderActive: #e9835e;
  --colorPaletteDarkOrangeBorder1: #da3b01;
  --colorPaletteDarkOrangeBorder2: #e9835e;
  --colorPaletteYellowBackground1: #4c4400;
  --colorPaletteYellowBackground2: #817400;
  --colorPaletteYellowForeground1: #feee66;
  --colorPaletteYellowForeground2: #fef7b2;
  --colorPaletteYellowForeground3: #fdea3d;
  --colorPaletteYellowBorderActive: #feee66;
  --colorPaletteYellowBorder1: #fde300;
  --colorPaletteYellowBorder2: #fdea3d;
  --colorPaletteBerryBackground1: #3a1136;
  --colorPaletteBerryBackground2: #6d2064;
  --colorPaletteBerryForeground1: #da7ed0;
  --colorPaletteBerryForeground2: #edbbe7;
  --colorPaletteBerryForeground3: #d161c4;
  --colorPaletteBerryBorderActive: #da7ed0;
  --colorPaletteBerryBorder1: #c239b3;
  --colorPaletteBerryBorder2: #d161c4;
  --colorPaletteLightGreenBackground1: #063004;
  --colorPaletteLightGreenBackground2: #0b5a08;
  --colorPaletteLightGreenForeground1: #5ec75a;
  --colorPaletteLightGreenForeground2: #a7e3a5;
  --colorPaletteLightGreenForeground3: #3db838;
  --colorPaletteLightGreenBorderActive: #5ec75a;
  --colorPaletteLightGreenBorder1: #13a10e;
  --colorPaletteLightGreenBorder2: #3db838;
  --colorPaletteMarigoldBackground1: #463100;
  --colorPaletteMarigoldBackground2: #835b00;
  --colorPaletteMarigoldForeground1: #f2c661;
  --colorPaletteMarigoldForeground2: #f9e2ae;
  --colorPaletteMarigoldForeground3: #efb839;
  --colorPaletteMarigoldBorderActive: #f2c661;
  --colorPaletteMarigoldBorder1: #eaa300;
  --colorPaletteMarigoldBorder2: #efb839;
  --colorPaletteRedForegroundInverted: #d13438;
  --colorPaletteGreenForegroundInverted: #107c10;
  --colorPaletteYellowForegroundInverted: #817400;
  --colorPaletteDarkRedBackground2: #590815;
  --colorPaletteDarkRedForeground2: #d69ca5;
  --colorPaletteDarkRedBorderActive: #ac4f5e;
  --colorPaletteCranberryBackground2: #6e0811;
  --colorPaletteCranberryForeground2: #eeacb2;
  --colorPaletteCranberryBorderActive: #dc626d;
  --colorPalettePumpkinBackground2: #712d09;
  --colorPalettePumpkinForeground2: #efc4ad;
  --colorPalettePumpkinBorderActive: #df8e64;
  --colorPalettePeachBackground2: #8f4e00;
  --colorPalettePeachForeground2: #ffddb3;
  --colorPalettePeachBorderActive: #ffba66;
  --colorPaletteGoldBackground2: #6c5700;
  --colorPaletteGoldForeground2: #ecdfa5;
  --colorPaletteGoldBorderActive: #dac157;
  --colorPaletteBrassBackground2: #553e06;
  --colorPaletteBrassForeground2: #e0cea2;
  --colorPaletteBrassBorderActive: #c1a256;
  --colorPaletteBrownBackground2: #50301a;
  --colorPaletteBrownForeground2: #ddc3b0;
  --colorPaletteBrownBorderActive: #bb8f6f;
  --colorPaletteForestBackground2: #294903;
  --colorPaletteForestForeground2: #bdd99b;
  --colorPaletteForestBorderActive: #85b44c;
  --colorPaletteSeafoamBackground2: #00723b;
  --colorPaletteSeafoamForeground2: #a8f0cd;
  --colorPaletteSeafoamBorderActive: #5ae0a0;
  --colorPaletteDarkGreenBackground2: #063b06;
  --colorPaletteDarkGreenForeground2: #9ad29a;
  --colorPaletteDarkGreenBorderActive: #4da64d;
  --colorPaletteLightTealBackground2: #00666d;
  --colorPaletteLightTealForeground2: #a6e9ed;
  --colorPaletteLightTealBorderActive: #58d3db;
  --colorPaletteTealBackground2: #02494c;
  --colorPaletteTealForeground2: #9bd9db;
  --colorPaletteTealBorderActive: #4cb4b7;
  --colorPaletteSteelBackground2: #00333f;
  --colorPaletteSteelForeground2: #94c8d4;
  --colorPaletteSteelBorderActive: #4496a9;
  --colorPaletteBlueBackground2: #004377;
  --colorPaletteBlueForeground2: #a9d3f2;
  --colorPaletteBlueBorderActive: #5caae5;
  --colorPaletteRoyalBlueBackground2: #002c4e;
  --colorPaletteRoyalBlueForeground2: #9abfdc;
  --colorPaletteRoyalBlueBorderActive: #4a89ba;
  --colorPaletteCornflowerBackground2: #2c3c85;
  --colorPaletteCornflowerForeground2: #c8d1fa;
  --colorPaletteCornflowerBorderActive: #93a4f4;
  --colorPaletteNavyBackground2: #001665;
  --colorPaletteNavyForeground2: #a3b2e8;
  --colorPaletteNavyBorderActive: #546fd2;
  --colorPaletteLavenderBackground2: #3f3682;
  --colorPaletteLavenderForeground2: #d2ccf8;
  --colorPaletteLavenderBorderActive: #a79cf1;
  --colorPalettePurpleBackground2: #341a51;
  --colorPalettePurpleForeground2: #c6b1de;
  --colorPalettePurpleBorderActive: #9470bd;
  --colorPaletteGrapeBackground2: #4c0d55;
  --colorPaletteGrapeForeground2: #d9a7e0;
  --colorPaletteGrapeBorderActive: #b55fc1;
  --colorPaletteLilacBackground2: #63276d;
  --colorPaletteLilacForeground2: #e6bfed;
  --colorPaletteLilacBorderActive: #cf87da;
  --colorPalettePinkBackground2: #80215d;
  --colorPalettePinkForeground2: #f7c0e3;
  --colorPalettePinkBorderActive: #ef85c8;
  --colorPaletteMagentaBackground2: #6b0043;
  --colorPaletteMagentaForeground2: #eca5d1;
  --colorPaletteMagentaBorderActive: #d957a8;
  --colorPalettePlumBackground2: #5a003b;
  --colorPalettePlumForeground2: #d696c0;
  --colorPalettePlumBorderActive: #ad4589;
  --colorPaletteBeigeBackground2: #444241;
  --colorPaletteBeigeForeground2: #d7d4d4;
  --colorPaletteBeigeBorderActive: #afabaa;
  --colorPaletteMinkBackground2: #343231;
  --colorPaletteMinkForeground2: #cecccb;
  --colorPaletteMinkBorderActive: #9e9b99;
  --colorPalettePlatinumBackground2: #3b4447;
  --colorPalettePlatinumForeground2: #cdd6d8;
  --colorPalettePlatinumBorderActive: #a0adb2;
  --colorPaletteAnchorBackground2: #202427;
  --colorPaletteAnchorForeground2: #bcc3c7;
  --colorPaletteAnchorBorderActive: #808a90;
  --colorStatusSuccessBackground1: #052505;
  --colorStatusSuccessBackground2: #094509;
  --colorStatusSuccessForeground1: #54b054;
  --colorStatusSuccessForeground2: #9fd89f;
  --colorStatusSuccessForeground3: #9fd89f;
  --colorStatusSuccessBorderActive: #54b054;
  --colorStatusSuccessForegroundInverted: #0e700e;
  --colorStatusSuccessBorder1: #107c10;
  --colorStatusSuccessBorder2: #9fd89f;
  --colorStatusWarningBackground1: #4a1e04;
  --colorStatusWarningBackground2: #8a3707;
  --colorStatusWarningForeground1: #faa06b;
  --colorStatusWarningForeground2: #fdcfb4;
  --colorStatusWarningForeground3: #f98845;
  --colorStatusWarningBorderActive: #faa06b;
  --colorStatusWarningForegroundInverted: #bc4b09;
  --colorStatusWarningBorder1: #f7630c;
  --colorStatusWarningBorder2: #f98845;
  --colorStatusDangerBackground1: #3b0509;
  --colorStatusDangerBackground2: #6e0811;
  --colorStatusDangerForeground1: #dc626d;
  --colorStatusDangerForeground2: #eeacb2;
  --colorStatusDangerForeground3: #eeacb2;
  --colorStatusDangerBorderActive: #dc626d;
  --colorStatusDangerForegroundInverted: #b10e1c;
  --colorStatusDangerBorder1: #c50f1f;
  --colorStatusDangerBorder2: #dc626d;
  --shadow2: 0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.28);
  --shadow4: 0 0 2px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.28);
  --shadow8: 0 0 2px rgba(0,0,0,0.24), 0 4px 8px rgba(0,0,0,0.28);
  --shadow16: 0 0 2px rgba(0,0,0,0.24), 0 8px 16px rgba(0,0,0,0.28);
  --shadow28: 0 0 8px rgba(0,0,0,0.24), 0 14px 28px rgba(0,0,0,0.28);
  --shadow64: 0 0 8px rgba(0,0,0,0.24), 0 32px 64px rgba(0,0,0,0.28);
}

[data-theme="high-contrast"] {
  color-scheme: dark;
  --fontFamilyBase: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  --colorNeutralForeground1: #ffffff;
  --colorNeutralForeground1Hover: #000000;
  --colorNeutralForeground1Pressed: #000000;
  --colorNeutralForeground1Selected: #000000;
  --colorNeutralForeground2: #ffffff;
  --colorNeutralForeground2Hover: #000000;
  --colorNeutralForeground2Pressed: #000000;
  --colorNeutralForeground2Selected: #000000;
  --colorNeutralForeground2BrandHover: #000000;
  --colorNeutralForeground2BrandPressed: #000000;
  --colorNeutralForeground2BrandSelected: #000000;
  --colorNeutralForeground3: #ffffff;
  --colorNeutralForeground3Hover: #000000;
  --colorNeutralForeground3Pressed: #000000;
  --colorNeutralForeground3Selected: #000000;
  --colorNeutralForeground3BrandHover: #000000;
  --colorNeutralForeground3BrandPressed: #000000;
  --colorNeutralForeground3BrandSelected: #000000;
  --colorNeutralForeground4: #ffffff;
  --colorNeutralForeground5: #ffffff;
  --colorNeutralForeground5Hover: #000000;
  --colorNeutralForeground5Pressed: #000000;
  --colorNeutralForeground5Selected: #000000;
  --colorNeutralForegroundDisabled: #3ff23f;
  --colorNeutralForegroundInvertedDisabled: #3ff23f;
  --colorBrandForegroundLink: #ffff00;
  --colorBrandForegroundLinkHover: #ffff00;
  --colorBrandForegroundLinkPressed: #ffff00;
  --colorBrandForegroundLinkSelected: #ffff00;
  --colorNeutralForeground2Link: #ffff00;
  --colorNeutralForeground2LinkHover: #ffff00;
  --colorNeutralForeground2LinkPressed: #ffff00;
  --colorNeutralForeground2LinkSelected: #ffff00;
  --colorCompoundBrandForeground1: #1aebff;
  --colorCompoundBrandForeground1Hover: #1aebff;
  --colorCompoundBrandForeground1Pressed: #1aebff;
  --colorBrandForeground1: #ffffff;
  --colorBrandForeground2: #ffffff;
  --colorBrandForeground2Hover: #ffffff;
  --colorBrandForeground2Pressed: #ffffff;
  --colorNeutralForeground1Static: #000000;
  --colorNeutralForegroundInverted: #000000;
  --colorNeutralForegroundInvertedHover: #000000;
  --colorNeutralForegroundInvertedPressed: #000000;
  --colorNeutralForegroundInvertedSelected: #000000;
  --colorNeutralForegroundOnBrand: #000000;
  --colorNeutralForegroundInvertedLink: #ffff00;
  --colorNeutralForegroundInvertedLinkHover: #ffff00;
  --colorNeutralForegroundInvertedLinkPressed: #ffff00;
  --colorNeutralForegroundInvertedLinkSelected: #ffff00;
  --colorBrandForegroundInverted: #ffffff;
  --colorBrandForegroundInvertedHover: #000000;
  --colorBrandForegroundInvertedPressed: #000000;
  --colorBrandForegroundOnLight: #000000;
  --colorBrandForegroundOnLightHover: #000000;
  --colorBrandForegroundOnLightPressed: #000000;
  --colorBrandForegroundOnLightSelected: #000000;
  --colorNeutralBackground1: #000000;
  --colorNeutralBackground1Hover: #1aebff;
  --colorNeutralBackground1Pressed: #1aebff;
  --colorNeutralBackground1Selected: #1aebff;
  --colorNeutralBackground2: #000000;
  --colorNeutralBackground2Hover: #1aebff;
  --colorNeutralBackground2Pressed: #1aebff;
  --colorNeutralBackground2Selected: #1aebff;
  --colorNeutralBackground3: #000000;
  --colorNeutralBackground3Hover: #1aebff;
  --colorNeutralBackground3Pressed: #1aebff;
  --colorNeutralBackground3Selected: #1aebff;
  --colorNeutralBackground4: #000000;
  --colorNeutralBackground4Hover: #1aebff;
  --colorNeutralBackground4Pressed: #1aebff;
  --colorNeutralBackground4Selected: #1aebff;
  --colorNeutralBackground5: #000000;
  --colorNeutralBackground5Hover: #1aebff;
  --colorNeutralBackground5Pressed: #1aebff;
  --colorNeutralBackground5Selected: #1aebff;
  --colorNeutralBackground6: #000000;
  --colorNeutralBackground7: #000000;
  --colorNeutralBackground7Hover: #1aebff;
  --colorNeutralBackground7Pressed: #1aebff;
  --colorNeutralBackground7Selected: #1aebff;
  --colorNeutralBackground8: #000000;
  --colorNeutralBackgroundInverted: #000000;
  --colorNeutralBackgroundInvertedHover: #1aebff;
  --colorNeutralBackgroundInvertedPressed: #1aebff;
  --colorNeutralBackgroundInvertedSelected: #1aebff;
  --colorNeutralBackgroundStatic: #000000;
  --colorNeutralBackgroundAlpha: #000000;
  --colorNeutralBackgroundAlpha2: #000000;
  --colorSubtleBackgroundHover: #1aebff;
  --colorSubtleBackgroundPressed: #1aebff;
  --colorSubtleBackgroundSelected: #1aebff;
  --colorSubtleBackgroundLightAlphaHover: #1aebff;
  --colorSubtleBackgroundLightAlphaPressed: #1aebff;
  --colorSubtleBackgroundLightAlphaSelected: #1aebff;
  --colorSubtleBackgroundInvertedHover: #1aebff;
  --colorSubtleBackgroundInvertedPressed: #1aebff;
  --colorSubtleBackgroundInvertedSelected: #1aebff;
  --colorTransparentBackgroundHover: #1aebff;
  --colorTransparentBackgroundPressed: #1aebff;
  --colorTransparentBackgroundSelected: #1aebff;
  --colorNeutralBackgroundDisabled: #000000;
  --colorNeutralBackgroundDisabled2: #3ff23f;
  --colorNeutralBackgroundInvertedDisabled: #000000;
  --colorNeutralStencil1: #ffffff;
  --colorNeutralStencil2: #ffffff;
  --colorNeutralStencil1Alpha: #ffffff;
  --colorNeutralStencil2Alpha: #ffffff;
  --colorBackgroundOverlay: rgba(0, 0, 0, 0.5);
  --colorScrollbarOverlay: #ffffff;
  --colorBrandBackground: #ffffff;
  --colorBrandBackgroundHover: #1aebff;
  --colorBrandBackgroundPressed: #1aebff;
  --colorBrandBackgroundSelected: #1aebff;
  --colorCompoundBrandBackground: #1aebff;
  --colorCompoundBrandBackgroundHover: #1aebff;
  --colorCompoundBrandBackgroundPressed: #1aebff;
  --colorBrandBackgroundStatic: #000000;
  --colorBrandBackground2: #000000;
  --colorBrandBackground2Hover: #000000;
  --colorBrandBackground2Pressed: #000000;
  --colorBrandBackground3Static: #000000;
  --colorBrandBackground4Static: #000000;
  --colorBrandBackgroundInvertedHover: #1aebff;
  --colorBrandBackgroundInvertedPressed: #1aebff;
  --colorBrandBackgroundInvertedSelected: #1aebff;
  --colorNeutralCardBackground: #000000;
  --colorNeutralCardBackgroundHover: #1aebff;
  --colorNeutralCardBackgroundPressed: #1aebff;
  --colorNeutralCardBackgroundSelected: #1aebff;
  --colorNeutralCardBackgroundDisabled: #000000;
  --colorNeutralStrokeAccessible: #ffffff;
  --colorNeutralStrokeAccessibleHover: #1aebff;
  --colorNeutralStrokeAccessiblePressed: #1aebff;
  --colorNeutralStrokeAccessibleSelected: #1aebff;
  --colorNeutralStroke1: #ffffff;
  --colorNeutralStroke1Hover: #1aebff;
  --colorNeutralStroke1Pressed: #1aebff;
  --colorNeutralStroke1Selected: #1aebff;
  --colorNeutralStroke2: #ffffff;
  --colorNeutralStroke3: #ffffff;
  --colorNeutralStroke4: #ffffff;
  --colorNeutralStroke4Hover: #1aebff;
  --colorNeutralStroke4Pressed: #1aebff;
  --colorNeutralStroke4Selected: #1aebff;
  --colorNeutralStrokeSubtle: #ffffff;
  --colorNeutralStrokeOnBrand: #000000;
  --colorBrandStroke1: #ffffff;
  --colorBrandStroke2: #ffffff;
  --colorBrandStroke2Hover: #1aebff;
  --colorBrandStroke2Pressed: #1aebff;
  --colorBrandStroke2Contrast: #000000;
  --colorCompoundBrandStroke: #1aebff;
  --colorCompoundBrandStrokeHover: #1aebff;
  --colorCompoundBrandStrokePressed: #1aebff;
  --colorNeutralStrokeDisabled: #3ff23f;
  --colorNeutralStrokeDisabled2: #3ff23f;
  --colorNeutralStrokeInvertedDisabled: #3ff23f;
  --colorTransparentStroke: #ffffff;
  --colorTransparentStrokeInteractive: #1aebff;
  --colorTransparentStrokeDisabled: #3ff23f;
  --colorNeutralStrokeAlpha: #ffffff;
  --colorNeutralStrokeAlpha2: #000000;
  --colorStrokeFocus1: #000000;
  --colorStrokeFocus2: #1aebff;
  --colorNeutralShadowAmbient: rgba(0,0,0,0.24);
  --colorNeutralShadowKey: rgba(0,0,0,0.28);
  --colorNeutralShadowAmbientLighter: rgba(0,0,0,0.12);
  --colorNeutralShadowKeyLighter: rgba(0,0,0,0.14);
  --colorNeutralShadowAmbientDarker: rgba(0,0,0,0.40);
  --colorNeutralShadowKeyDarker: rgba(0,0,0,0.48);
  --colorPaletteRedBackground1: #000000;
  --colorPaletteRedBackground2: #000000;
  --colorPaletteRedBackground3: #ffffff;
  --colorPaletteRedForeground1: #ffffff;
  --colorPaletteRedForeground2: #ffffff;
  --colorPaletteRedForeground3: #ffffff;
  --colorPaletteRedBorderActive: #1aebff;
  --colorPaletteRedBorder1: #ffffff;
  --colorPaletteRedBorder2: #ffffff;
  --colorPaletteGreenBackground1: #000000;
  --colorPaletteGreenBackground2: #000000;
  --colorPaletteGreenBackground3: #ffffff;
  --colorPaletteGreenForeground1: #ffffff;
  --colorPaletteGreenForeground2: #ffffff;
  --colorPaletteGreenForeground3: #ffffff;
  --colorPaletteGreenBorderActive: #1aebff;
  --colorPaletteGreenBorder1: #ffffff;
  --colorPaletteGreenBorder2: #ffffff;
  --colorPaletteDarkOrangeBackground1: #000000;
  --colorPaletteDarkOrangeBackground2: #000000;
  --colorPaletteDarkOrangeBackground3: #ffffff;
  --colorPaletteDarkOrangeForeground1: #ffffff;
  --colorPaletteDarkOrangeForeground2: #ffffff;
  --colorPaletteDarkOrangeForeground3: #ffffff;
  --colorPaletteDarkOrangeBorderActive: #1aebff;
  --colorPaletteDarkOrangeBorder1: #ffffff;
  --colorPaletteDarkOrangeBorder2: #ffffff;
  --colorPaletteYellowBackground1: #000000;
  --colorPaletteYellowBackground2: #000000;
  --colorPaletteYellowBackground3: #ffffff;
  --colorPaletteYellowForeground1: #ffffff;
  --colorPaletteYellowForeground2: #ffffff;
  --colorPaletteYellowForeground3: #ffffff;
  --colorPaletteYellowBorderActive: #1aebff;
  --colorPaletteYellowBorder1: #ffffff;
  --colorPaletteYellowBorder2: #ffffff;
  --colorPaletteBerryBackground1: #000000;
  --colorPaletteBerryBackground2: #000000;
  --colorPaletteBerryBackground3: #ffffff;
  --colorPaletteBerryForeground1: #ffffff;
  --colorPaletteBerryForeground2: #ffffff;
  --colorPaletteBerryForeground3: #ffffff;
  --colorPaletteBerryBorderActive: #1aebff;
  --colorPaletteBerryBorder1: #ffffff;
  --colorPaletteBerryBorder2: #ffffff;
  --colorPaletteLightGreenBackground1: #000000;
  --colorPaletteLightGreenBackground2: #000000;
  --colorPaletteLightGreenBackground3: #ffffff;
  --colorPaletteLightGreenForeground1: #ffffff;
  --colorPaletteLightGreenForeground2: #ffffff;
  --colorPaletteLightGreenForeground3: #ffffff;
  --colorPaletteLightGreenBorderActive: #1aebff;
  --colorPaletteLightGreenBorder1: #ffffff;
  --colorPaletteLightGreenBorder2: #ffffff;
  --colorPaletteMarigoldBackground1: #000000;
  --colorPaletteMarigoldBackground2: #000000;
  --colorPaletteMarigoldBackground3: #ffffff;
  --colorPaletteMarigoldForeground1: #ffffff;
  --colorPaletteMarigoldForeground2: #ffffff;
  --colorPaletteMarigoldForeground3: #ffffff;
  --colorPaletteMarigoldBorderActive: #1aebff;
  --colorPaletteMarigoldBorder1: #ffffff;
  --colorPaletteMarigoldBorder2: #ffffff;
  --colorPaletteRedForegroundInverted: #ffffff;
  --colorPaletteGreenForegroundInverted: #ffffff;
  --colorPaletteYellowForegroundInverted: #ffffff;
  --colorPaletteDarkRedBackground2: #000000;
  --colorPaletteDarkRedForeground2: #ffffff;
  --colorPaletteDarkRedBorderActive: #1aebff;
  --colorPaletteCranberryBackground2: #000000;
  --colorPaletteCranberryForeground2: #ffffff;
  --colorPaletteCranberryBorderActive: #1aebff;
  --colorPalettePumpkinBackground2: #000000;
  --colorPalettePumpkinForeground2: #ffffff;
  --colorPalettePumpkinBorderActive: #1aebff;
  --colorPalettePeachBackground2: #000000;
  --colorPalettePeachForeground2: #ffffff;
  --colorPalettePeachBorderActive: #1aebff;
  --colorPaletteGoldBackground2: #000000;
  --colorPaletteGoldForeground2: #ffffff;
  --colorPaletteGoldBorderActive: #1aebff;
  --colorPaletteBrassBackground2: #000000;
  --colorPaletteBrassForeground2: #ffffff;
  --colorPaletteBrassBorderActive: #1aebff;
  --colorPaletteBrownBackground2: #000000;
  --colorPaletteBrownForeground2: #ffffff;
  --colorPaletteBrownBorderActive: #1aebff;
  --colorPaletteForestBackground2: #000000;
  --colorPaletteForestForeground2: #ffffff;
  --colorPaletteForestBorderActive: #1aebff;
  --colorPaletteSeafoamBackground2: #000000;
  --colorPaletteSeafoamForeground2: #ffffff;
  --colorPaletteSeafoamBorderActive: #1aebff;
  --colorPaletteDarkGreenBackground2: #000000;
  --colorPaletteDarkGreenForeground2: #ffffff;
  --colorPaletteDarkGreenBorderActive: #1aebff;
  --colorPaletteLightTealBackground2: #000000;
  --colorPaletteLightTealForeground2: #ffffff;
  --colorPaletteLightTealBorderActive: #1aebff;
  --colorPaletteTealBackground2: #000000;
  --colorPaletteTealForeground2: #ffffff;
  --colorPaletteTealBorderActive: #1aebff;
  --colorPaletteSteelBackground2: #000000;
  --colorPaletteSteelForeground2: #ffffff;
  --colorPaletteSteelBorderActive: #1aebff;
  --colorPaletteBlueBackground2: #000000;
  --colorPaletteBlueForeground2: #ffffff;
  --colorPaletteBlueBorderActive: #1aebff;
  --colorPaletteRoyalBlueBackground2: #000000;
  --colorPaletteRoyalBlueForeground2: #ffffff;
  --colorPaletteRoyalBlueBorderActive: #1aebff;
  --colorPaletteCornflowerBackground2: #000000;
  --colorPaletteCornflowerForeground2: #ffffff;
  --colorPaletteCornflowerBorderActive: #1aebff;
  --colorPaletteNavyBackground2: #000000;
  --colorPaletteNavyForeground2: #ffffff;
  --colorPaletteNavyBorderActive: #1aebff;
  --colorPaletteLavenderBackground2: #000000;
  --colorPaletteLavenderForeground2: #ffffff;
  --colorPaletteLavenderBorderActive: #1aebff;
  --colorPalettePurpleBackground2: #000000;
  --colorPalettePurpleForeground2: #ffffff;
  --colorPalettePurpleBorderActive: #1aebff;
  --colorPaletteGrapeBackground2: #000000;
  --colorPaletteGrapeForeground2: #ffffff;
  --colorPaletteGrapeBorderActive: #1aebff;
  --colorPaletteLilacBackground2: #000000;
  --colorPaletteLilacForeground2: #ffffff;
  --colorPaletteLilacBorderActive: #1aebff;
  --colorPalettePinkBackground2: #000000;
  --colorPalettePinkForeground2: #ffffff;
  --colorPalettePinkBorderActive: #1aebff;
  --colorPaletteMagentaBackground2: #000000;
  --colorPaletteMagentaForeground2: #ffffff;
  --colorPaletteMagentaBorderActive: #1aebff;
  --colorPalettePlumBackground2: #000000;
  --colorPalettePlumForeground2: #ffffff;
  --colorPalettePlumBorderActive: #1aebff;
  --colorPaletteBeigeBackground2: #000000;
  --colorPaletteBeigeForeground2: #ffffff;
  --colorPaletteBeigeBorderActive: #1aebff;
  --colorPaletteMinkBackground2: #000000;
  --colorPaletteMinkForeground2: #ffffff;
  --colorPaletteMinkBorderActive: #1aebff;
  --colorPalettePlatinumBackground2: #000000;
  --colorPalettePlatinumForeground2: #ffffff;
  --colorPalettePlatinumBorderActive: #1aebff;
  --colorPaletteAnchorBackground2: #000000;
  --colorPaletteAnchorForeground2: #ffffff;
  --colorPaletteAnchorBorderActive: #1aebff;
  --colorStatusSuccessBackground1: #000000;
  --colorStatusSuccessBackground2: #000000;
  --colorStatusSuccessBackground3: #ffffff;
  --colorStatusSuccessForeground1: #ffffff;
  --colorStatusSuccessForeground2: #ffffff;
  --colorStatusSuccessForeground3: #ffffff;
  --colorStatusSuccessBorderActive: #1aebff;
  --colorStatusSuccessForegroundInverted: #ffffff;
  --colorStatusSuccessBorder1: #ffffff;
  --colorStatusSuccessBorder2: #ffffff;
  --colorStatusWarningBackground1: #000000;
  --colorStatusWarningBackground2: #000000;
  --colorStatusWarningBackground3: #ffffff;
  --colorStatusWarningForeground1: #ffffff;
  --colorStatusWarningForeground2: #ffffff;
  --colorStatusWarningForeground3: #ffffff;
  --colorStatusWarningBorderActive: #1aebff;
  --colorStatusWarningForegroundInverted: #ffffff;
  --colorStatusWarningBorder1: #ffffff;
  --colorStatusWarningBorder2: #ffffff;
  --colorStatusDangerBackground1: #000000;
  --colorStatusDangerBackground2: #000000;
  --colorStatusDangerBackground3: #ffffff;
  --colorStatusDangerForeground1: #ffffff;
  --colorStatusDangerForeground2: #ffffff;
  --colorStatusDangerForeground3: #ffffff;
  --colorStatusDangerBorderActive: #1aebff;
  --colorStatusDangerForegroundInverted: #ffffff;
  --colorStatusDangerBorder1: #ffffff;
  --colorStatusDangerBorder2: #ffffff;
  --colorStatusDangerBackground3Hover: #1aebff;
  --colorStatusDangerBackground3Pressed: #1aebff;
  --shadow2: 0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.28);
  --shadow4: 0 0 2px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.28);
  --shadow8: 0 0 2px rgba(0,0,0,0.24), 0 4px 8px rgba(0,0,0,0.28);
  --shadow16: 0 0 2px rgba(0,0,0,0.24), 0 8px 16px rgba(0,0,0,0.28);
  --shadow28: 0 0 8px rgba(0,0,0,0.24), 0 14px 28px rgba(0,0,0,0.28);
  --shadow64: 0 0 8px rgba(0,0,0,0.24), 0 32px 64px rgba(0,0,0,0.28);
}

/* Type ramp (Fluent typographyStyles). Use instead of ad-hoc font sizes. */
.type-body-1 {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase300);
  font-weight: var(--fontWeightRegular);
  line-height: var(--lineHeightBase300);
}
.type-body-1-strong {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase300);
  font-weight: var(--fontWeightSemibold);
  line-height: var(--lineHeightBase300);
}
.type-body-1-stronger {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase300);
  font-weight: var(--fontWeightBold);
  line-height: var(--lineHeightBase300);
}
.type-body-2 {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase400);
  font-weight: var(--fontWeightRegular);
  line-height: var(--lineHeightBase400);
}
.type-caption-1 {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase200);
  font-weight: var(--fontWeightRegular);
  line-height: var(--lineHeightBase200);
}
.type-caption-1-strong {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase200);
  font-weight: var(--fontWeightSemibold);
  line-height: var(--lineHeightBase200);
}
.type-caption-1-stronger {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase200);
  font-weight: var(--fontWeightBold);
  line-height: var(--lineHeightBase200);
}
.type-caption-2 {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase100);
  font-weight: var(--fontWeightRegular);
  line-height: var(--lineHeightBase100);
}
.type-caption-2-strong {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase100);
  font-weight: var(--fontWeightSemibold);
  line-height: var(--lineHeightBase100);
}
.type-subtitle-1 {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase500);
  font-weight: var(--fontWeightSemibold);
  line-height: var(--lineHeightBase500);
}
.type-subtitle-2 {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase400);
  font-weight: var(--fontWeightSemibold);
  line-height: var(--lineHeightBase400);
}
.type-subtitle-2-stronger {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase400);
  font-weight: var(--fontWeightBold);
  line-height: var(--lineHeightBase400);
}
.type-title-1 {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeHero800);
  font-weight: var(--fontWeightSemibold);
  line-height: var(--lineHeightHero800);
}
.type-title-2 {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeHero700);
  font-weight: var(--fontWeightSemibold);
  line-height: var(--lineHeightHero700);
}
.type-title-3 {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeBase600);
  font-weight: var(--fontWeightSemibold);
  line-height: var(--lineHeightBase600);
}
.type-large-title {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeHero900);
  font-weight: var(--fontWeightSemibold);
  line-height: var(--lineHeightHero900);
}
.type-display {
  font-family: var(--fontFamilyBase);
  font-size: var(--fontSizeHero1000);
  font-weight: var(--fontWeightSemibold);
  line-height: var(--lineHeightHero1000);
}