.g-root { --g-color-brand-sourcecraft-red: rgba(255, 51, 51, 1); --g-color-private-sc-grey-1000-solid: rgba(5, 20, 51, 1); --g-color-private-sc-grey-950-solid: rgba(18, 32, 61, 1); --g-color-private-sc-grey-900-solid: rgba(30, 44, 71, 1); --g-color-private-sc-grey-850-solid: rgba(42, 55, 82, 1); --g-color-private-sc-grey-800-solid: rgba(55, 67, 92, 1); --g-color-private-sc-grey-750-solid: rgba(68, 79, 102, 1); --g-color-private-sc-grey-700-solid: rgba(80, 91, 112, 1); --g-color-private-sc-grey-650-solid: rgba(93, 102, 122, 1); --g-color-private-sc-grey-600-solid: rgba(105, 114, 133, 1); --g-color-private-sc-grey-550-solid: rgba(118, 126, 143, 1); --g-color-private-sc-grey-500-solid: rgba(130, 137, 153, 1); --g-color-private-sc-grey-450-solid: rgba(142, 149, 163, 1); --g-color-private-sc-grey-400-solid: rgba(155, 161, 173, 1); --g-color-private-sc-grey-350-solid: rgba(167, 173, 184, 1); --g-color-private-sc-grey-300-solid: rgba(180, 184, 194, 1); --g-color-private-sc-grey-250-solid: rgba(192, 196, 204, 1); --g-color-private-sc-grey-200-solid: rgba(205, 208, 214, 1); --g-color-private-sc-grey-150-solid: rgba(218, 220, 224, 1); --g-color-private-sc-grey-100-solid: rgba(230, 231, 235, 1); --g-color-private-sc-grey-50-solid: rgba(242, 243, 245, 1); --g-color-private-sc-grey-950: rgba(5, 20, 51, 0.95); --g-color-private-sc-grey-900: rgba(5, 20, 51, 0.9); --g-color-private-sc-grey-850: rgba(5, 20, 51, 0.85); --g-color-private-sc-grey-800: rgba(5, 20, 51, 0.8); --g-color-private-sc-grey-750: rgba(5, 20, 51, 0.75); --g-color-private-sc-grey-700: rgba(5, 20, 51, 0.70); --g-color-private-sc-grey-650: rgba(5, 20, 51, 0.65); --g-color-private-sc-grey-600: rgba(5, 20, 51, 0.6); --g-color-private-sc-grey-550: rgba(5, 20, 51, 0.55); --g-color-private-sc-grey-500: rgba(5, 20, 51, 0.5); --g-color-private-sc-grey-450: rgba(5, 20, 51, 0.45); --g-color-private-sc-grey-400: rgba(5, 20, 51, 0.4); --g-color-private-sc-grey-350: rgba(5, 20, 51, 0.35); --g-color-private-sc-grey-300: rgba(5, 20, 51, 0.3); --g-color-private-sc-grey-250: rgba(5, 20, 51, 0.25); --g-color-private-sc-grey-200: rgba(5, 20, 51, 0.2); --g-color-private-sc-grey-150: rgba(5, 20, 51, 0.15); --g-color-private-sc-grey-100: rgba(5, 20, 51, 0.1); --g-color-private-sc-grey-50: rgba(5, 20, 51, 0.05); } .g-root_theme_light { --g-color-text-dark-primary: var(--g-color-private-sc-grey-950-solid); --g-color-text-dark-complementary: var(--g-color-private-sc-grey-800-solid); --g-color-text-dark-secondary: var(--g-color-private-sc-grey-500); --g-color-text-dark-hint: var(--g-color-private-sc-grey-300); --g-color-text-light-primary: var(--g-color-private-white-1000-solid); --g-color-text-light-complementary: var(--g-color-private-white-850); --g-color-text-light-secondary: var(--g-color-private-white-700); --g-color-text-light-hint: var(--g-color-private-white-500); --g-color-text-brand: var(--g-color-private-sc-grey-600-solid); --g-color-text-brand-heavy: var(--g-color-private-sc-grey-700-solid); --g-color-text-brand-contrast: var(--g-color-text-light-primary); --g-color-text-link: var(--g-color-private-blue-650-solid); --g-color-text-link-hover: var(--g-color-private-blue-800-solid); --g-color-text-link-visited: var(--g-color-private-purple-650-solid); --g-color-text-link-visited-hover: var(--g-color-private-purple-800-solid); --g-color-base-background: var(--g-color-private-white-1000-solid); --g-color-base-generic: var(--g-color-private-sc-grey-50); --g-color-base-generic-hover: var(--g-color-private-sc-grey-150); --g-color-base-generic-medium: var(--g-color-private-sc-grey-150); --g-color-base-generic-medium-hover: var(--g-color-private-sc-grey-250); --g-color-base-generic-accent: var(--g-color-private-sc-grey-150); --g-color-base-generic-accent-disabled: var(--g-color-private-sc-grey-100); --g-color-base-generic-ultralight: var(--g-color-private-sc-grey-20-solid); --g-color-base-simple-hover: var(--g-color-private-sc-grey-50); --g-color-base-simple-hover-solid: var(--g-color-private-sc-grey-50-solid); --g-color-base-brand: var(--g-color-private-sc-grey-900-solid); --g-color-base-brand-hover: var(--g-color-private-sc-grey-950-solid); --g-color-base-selection: var(--g-color-private-sc-grey-100); --g-color-base-selection-hover: var(--g-color-private-sc-grey-150); --g-color-base-neutral-light: var(--g-color-private-sc-grey-50); --g-color-base-neutral-light-hover: var(--g-color-private-sc-grey-100); --g-color-base-neutral-medium: var(--g-color-private-sc-grey-200); --g-color-base-neutral-medium-hover: var(--g-color-private-sc-grey-250); --g-color-base-neutral-heavy: var(--g-color-private-sc-grey-450); --g-color-base-neutral-heavy-hover: var(--g-color-private-sc-grey-550); --g-color-base-misc-light: var(--g-color-private-sc-grey-100); --g-color-base-misc-light-hover: var(--g-color-private-sc-grey-200); --g-color-base-misc-medium: var(--g-color-private-sc-grey-200); --g-color-base-misc-medium-hover: var(--g-color-private-sc-grey-300); --g-color-base-misc-heavy: var(--g-color-private-sc-grey-600-solid); --g-color-base-misc-heavy-hover: var(--g-color-private-sc-grey-700-solid); --g-color-line-generic: var(--g-color-private-sc-grey-100); --g-color-line-generic-hover: var(--g-color-private-sc-grey-150); --g-color-line-generic-active: var(--g-color-private-sc-grey-300); --g-color-line-generic-accent: var(--g-color-private-sc-grey-150); --g-color-line-generic-accent-hover: var(--g-color-private-sc-grey-300); --g-color-line-generic-solid: var(--g-color-private-sc-grey-100-solid); --g-color-line-brand: var(--g-color-private-sc-grey-900-solid); --g-color-line-focus: var(--g-color-private-sc-grey-450); --gn-aside-header-decoration-collapsed-background-color: var(--g-color-private-blue-100); --gn-aside-header-decoration-expanded-background-color: var(--g-color-private-blue-100); --gn-aside-header-item-background-color-hover: var(--g-color-private-sc-grey-50); --gn-aside-header-item-current-background-color: var(--g-color-private-sc-grey-150); } .g-root_theme_dark { --g-color-private-sc-grey-1000-solid: rgba(9, 16, 31, 1); --g-color-private-sc-grey-950-solid: rgba(34, 40, 53, 1); --g-color-base-background: var(--g-color-private-sc-grey-1000-solid); --g-color-base-generic: var(--g-color-private-sc-grey-900-solid); --g-color-base-generic-hover: var(--g-color-private-sc-grey-800-solid); --g-color-base-generic-accent-disabled: var(--g-color-private-sc-grey-900-solid); --g-color-base-float: var(--g-color-private-sc-grey-950-solid); --g-color-base-simple-hover: var(--g-color-private-sc-grey-950); --g-color-base-simple-hover-solid: var(--g-color-private-sc-grey-950-solid); --g-color-text-light-primary: var(--g-color-private-sc-grey-150-solid); --g-color-text-light-complementary: var(--g-color-private-sc-grey-350-solid); --g-color-text-light-secondary: var(--g-color-private-sc-grey-550-solid); --g-color-text-light-hint: var(--g-color-private-sc-grey-650-solid); --g-color-base-brand: var(--g-color-private-sc-grey-750-solid); --g-color-base-brand-hover: var(--g-color-private-sc-grey-700-solid); --g-color-base-selection: var(--g-color-private-sc-grey-950-solid); --g-color-base-selection-hover: var(--g-color-private-sc-grey-1000-solid); --g-color-line-generic: var(--g-color-private-sc-grey-800-solid); --g-color-line-generic-hover: var(--g-color-private-sc-grey-750-solid); --g-color-line-generic-active: var(--g-color-private-sc-grey-600-solid); --g-color-line-generic-accent: var(--g-color-private-sc-grey-600-solid); --g-color-line-generic-accent-hover: var(--g-color-private-sc-grey-650-solid); --g-color-line-generic-solid: var(--g-color-private-sc-grey-800-solid); --g-color-line-brand: var(--g-color-private-sc-grey-300-solid); --g-color-line-focus: var(--g-color-private-sc-grey-450-solid); --g-aside-header-decoration-collapsed-background-color: var(--g-color-private-blue-100); --g-aside-header-decoration-expanded-background-color: var(--g-color-private-blue-100); --g-aside-header-item-background-color-hover: var(--g-color-private-sc-grey-50); --g-aside-header-item-current-background-color: var(--g-color-private-sc-grey-150); --g-aside-header-collapsed-background-color: var(--g-color-private-sc-grey-1000-solid); --g-aside-header-background-color: var(--g-color-private-sc-grey-1000-solid); }