body { --colorGinTitle: var(--gin-color-title); --colorGinText: var(--gin-color-text); --colorGinTextLight: var(--gin-color-text-light); --colorGinFocus: var(--gin-color-focus); --colorGinFocusBorder: var(--gin-color-focus-border); --colorGinFocusNeutralRGB: var(--gin-color-focus-neutral-rgb); --colorGinDisabled: var(--gin-color-disabled); --colorGinDisabledText: var(--gin-color-disabled-text); --colorGinWarning: var(--gin-color-warning); --colorGinWarningLight: var(--gin-color-warning-light); --colorGinWarningBackground: var(--gin-bg-warning); --colorGinWarningLightBackground: var(--gin-bg-warning-light); --colorGinDanger: var(--gin-color-danger); --colorGinDangerLightest: var(--gin-color-danger-lightest); --colorGinDangerLight: var(--gin-color-danger-light); --colorGinDangerBackground: var(--gin-bg-danger); --colorGinDangerLightBackground: var(--gin-bg-danger-light); --colorGinGreen: var(--gin-color-green); --colorGinGreenLight: var(--gin-color-green-light); --colorGinGreenLightest: var(--gin-color-green-lightest); --colorGinGreenBackground: var(--gin-bg-green); --colorGinGreenLightBackground: var(--gin-bg-green-light); --colorGinInfo: var(--gin-color-info); --colorGinInfoLight: var(--gin-color-info-light); --colorGinInfoBackground: var(--gin-bg-info); --colorGinContextual: var(--gin-color-contextual); --colorGinContextualText: var(--gin-color-contextual-text); --colorGinInputBackground: var(--gin-bg-input); --colorGinLayerBackground: var(--gin-bg-layer); --colorGinLayer2Background: var(--gin-bg-layer2); --colorGinLayer3Background: var(--gin-bg-layer3); --colorGinLayer4Background: var(--gin-bg-layer4); --colorGinSecondaryBackground: var(--gin-bg-secondary); --colorGinTableHeader: var(--gin-bg-header); --colorGinPattern: var(--gin-pattern); --colorGinPatternFallback: var(--gin-pattern-fallback); --ginSizePatternSquare: var(--gin-pattern-square); --ginFont: var(--gin-font); --ginFontSizeSmallest: var(--gin-font-size-xxs); --ginFontSizeSmaller: var(--gin-font-size-xs); --ginFontSizeSmall: var(--gin-font-size-s); --ginFontSize: var(--gin-font-size); --ginFontSizeLarge: var(--gin-font-size-l); --ginFontSizeXLarge: var(--gin-font-size-xl); --ginFontSizeH3: var(--gin-font-size-h3); --ginFontSizeH2: var(--gin-font-size-h2); --ginFontSizeH1: var(--gin-font-size-h1); --ginFontSizeQuote: var(--gin-font-size-quote); --ginFontWeightNormal: var(--gin-font-weight-normal); --ginFontWeightSemiBold: var(--gin-font-weight-semibold); --ginFontWeightBold: var(--gin-font-weight-bold); --ginFontWeightUltra: var(--gin-font-weight-heavy); --ginSpacingTiny: var(--gin-spacing-xxs); --ginSpacingXsmall: var(--gin-spacing-xs); --ginSpacingSmall: var(--gin-spacing-s); --ginSpacingDefault: var(--gin-spacing-m); --ginSpacingMedium: var(--gin-spacing-l); --ginSpacingLarge: var(--gin-spacing-xl); --ginSpacingXlarge: var(--gin-spacing-xxl); --ginSpacingXxlarge: var(--gin-spacing-xxxl); --ginSpacingDensityTiny: var(--gin-spacing-density-xxs); --ginSpacingDensityXsmall: var(--gin-spacing-density-xs); --ginSpacingDensitySmall: var(--gin-spacing-density-s); --ginSpacingDensityDefault: var(--gin-spacing-density-m); --ginSpacingDensityMedium: var(--gin-spacing-density-l); --ginSpacingDensityLarge: var(--gin-spacing-density-xl); --ginSpacingDensityXlarge: var(--gin-spacing-density-xxl); --ginSpacingDensityXxlarge: var(--gin-spacing-density-xxxl); --colorGinIcons: var(--gin-icon-color); --iconGinSecondaryToolbar: var(--gin-icon-size-toolbar-secondary); --iconGinToolbar: var(--gin-icon-size-toolbar); --iconGinSidebarToggle: var(--gin-icon-size-sidebar-toggle); --ginBorderTiny: var(--gin-border-xxs); --ginBorderXSmall: var(--gin-border-xs); --ginBorderSmall: var(--gin-border-s); --ginBorderDefault: var(--gin-border-m); --ginBorderMedium: var(--gin-border-l); --ginBorderLarge: var(--gin-border-xl); --colorGinBorder: var(--gin-border-color); --colorGinSecondaryBorder: var(--gin-border-color-secondary); --colorGinLayerBorder: var(--gin-border-color-layer); --colorGinLayer2Border: var(--gin-border-color-layer2); --colorGinTableBorder: var(--gin-border-color-table); --colorGinTableHeaderBorder: var(--gin-border-color-table-header); --colorGinFormElementBorder: var(--gin-border-color-form-element); --ginEasing: var(--gin-easing); --ginTransition: var(--gin-transition); --ginTransitionFast: var(--gin-transition-fast); --ginShadowLevel1: var(--gin-shadow-l1); --ginShadowLevel2: var(--gin-shadow-l2); --ginStickyHeight: var(--gin-height-sticky); --ginToolbarWidthCollapsed: var(--gin-toolbar-width-collapsed); --ginToolbarWidth: var(--gin-toolbar-width); --ginToolbarHeight: var(--gin-toolbar-height); --ginToolbarSecondaryHeight: var(--gin-toolbar-secondary-height); --ginHorizontalToolbarOffset: var(--gin-toolbar-y-offset); --ginVerticalToolbarOffset: var(--gin-toolbar-x-offset); --ginScrollOffset: var(--gin-scroll-offset); --ginSidebarWidth: var(--gin-sidebar-width); --ginSidebarOffset: var(--gin-sidebar-offset); --ginStickyOffset: var(--gin-sticky-offset); --colorGinSwitch: var(--gin-switch); --colorGinButtonShadow: var(--gin-shadow-button); --colorGinButtonText: var(--gin-color-button-text); --colorGinAppBackground: var(--gin-bg-app); --colorGinAppBackgroundRGB: var(--gin-bg-app-rgb); --colorGinPrimary: var(--gin-color-primary); --colorGinPrimaryHover: var(--gin-color-primary-hover); --colorGinPrimaryActive: var(--gin-color-primary-active); --colorGinPrimaryRGB: var(--gin-color-primary-rgb); --colorGinPrimaryLight: var(--gin-color-primary-light); --colorGinPrimaryLightRGB: var(--gin-color-primary-light-rgb); --colorGinPrimaryLightHover: var(--gin-color-primary-light-hover); --colorGinPrimaryLightActive: var(--gin-color-primary-light-active); --colorGinPrimaryLightShadow: var(--gin-shadow-primary-light); --colorGinItemHover: var(--gin-bg-item-hover); --colorGinStickyRGB: var(--gin-color-sticky-rgb); }