:root {
  --colorCardiumButtonShadow: #00000033;
  --colorCardiumButtonText: #fff;
  --colorCardiumFocus: rgba(0, 125, 250, 0.6);
  --colorCardiumFocusBorder: rgba(0, 0, 0, 0.2);
  --colorCardiumFocusNeutralRGB: rgba(0, 0, 0, 0.4);
  --colorCardiumDisabled: #bbb;
  --colorCardiumDisabledText: #8d8d8d;
  --colorCardiumWarning: #d8b234;
  --colorCardiumWarningLight: #efcf64;
  --colorCardiumWarningBackground: #605328;
  --colorCardiumWarningLightBackground: rgba(226, 151, 0, 0.08);
  --colorCardiumDanger: #cc3d3d;
  --colorCardiumDangerLightest: #fdd9d9;
  --colorCardiumDangerLight: #f39b9d;
  --colorCardiumDangerBackground: #583333;
  --colorCardiumDangerLightBackground: rgba(222, 117, 96, 0.1);
  --colorCardiumGreen: #058260;
  --colorCardiumGreenLight: #32cea4;
  --colorCardiumGreenLightest: #adebdb;
  --colorCardiumGreenBackground: #145242;
  --colorCardiumGreenLightBackground: rgba(72, 171, 123, 0.1);
  --colorCardiumInfo: #082538;
  --colorCardiumInfoLight: #589ac5;
  --colorCardiumInfoBackground: #122b3c;
  --colorCardiumInputBackground: #fff;
  --colorCardiumLayerBackground: #fff;
  --colorCardiumLayer2Background: #edeff5;
  --colorCardiumLayer3Background: #fff;
  --colorCardiumLayer4Background: #e2e5ec;
  --colorCardiumSecondaryBackground: var(--colorCardiumLayerBackground);
  --colorCardiumContextual: var(--colorCardiumText);
  --colorCardiumContextualText: #eee;
  --colorCardiumBorder: #d4d4d8;
  --colorCardiumSecondaryBorder: rgba(0, 0, 0, 0.08);
  --colorCardiumLayerBorder: rgba(0, 0, 0, 0.08);
  --colorCardiumLayer2Border: #d4d4d8;
  --colorCardiumTableBorder: rgba(0, 0, 0, 0.15);
  --colorCardiumTabsBorder: rgba(0, 0, 0, 0.2);
  --colorCardiumFormElementBorder: #8e929c;
  --CardiumFont: Ginter, Inter, "Helvetica Neue", BlinkMacSystemFont,
    -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
    sans-serif;
  --CardiumFontSizeSmall: small;
  --colorCardiumTitle: #2a3136;
  --colorCardiumText: #2a3136;
  --colorCardiumTextLight: #545560;
  --colorCardiumTableHeader: #eeeff3;
  --colorCardiumSwitch: #26a769;
  --colorCardiumSwitchShadow: rgba(38, 167, 105, 0.3);
  --colorCardiumIcons: #414247;
  --colorCardiumPatternFallback: var(--colorCardiumLayer2Background);
  --colorCardiumPattern: var(--colorCardiumBorder);
  --CardiumSizePatternSquare: 0.5rem;
  --CardiumStickyHeight: 72px;
  --colorCardiumStickyBg: #c8cdd8;
  --CardiumToolbarWidthCollapsed: 66px;
  --CardiumToolbarWidth: 240px;
  --CardiumSidebarWidth: 320px;
  --CardiumSidebarOffset: var(--CardiumSidebarWidth);
  --CardiumShadowLevel1: 0 1px 2px rgb(20 45 82 / 2%),
    0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
  --CardiumShadowLevel2: 0 1px 2px rgb(20 45 82 / 2%),
    0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%),
    0 20px 24px rgb(20 45 82 / 12%);
  --CardiumEasing: cubic-bezier(0.19, 1, 0.22, 1);
  --CardiumTransition: 0.15s var(--CardiumEasing);
  --CardiumTransitionFast: 0.3s var(--CardiumEasing);
  --CardiumSpacingTiny: 0.25rem;
  --CardiumSpacingXsmall: 0.5rem;
  --CardiumSpacingSmall: 0.75rem;
  --CardiumSpacingDefault: 1rem;
  --CardiumSpacingMedium: 1.5rem;
  --CardiumSpacingLarge: 2rem;
  --CardiumSpacingXlarge: 3rem;
  --CardiumSpacingXxlarge: 4rem;
  --CardiumBorderTiny: 0.125rem;
  --CardiumBorderXSmall: 0.25rem;
  --CardiumBorderSmall: 0.375rem;
  --CardiumBorderDefault: 0.5rem;
  --CardiumBorderMedium: 0.75rem;
  --CardiumBorderLarge: 1rem;
  --iconCardiumSecondaryToolbar: 17px;
  --iconCardiumToolbar: 17px;
  --iconCardiumSidebarToggle: 21px;
}

@media (min-width: 80em) {
  :root {
    --cardiumSidebarWidth: 360px;
  }
}

@media (min-width: 61em) {
  :root {
    --iconCardiumToolbar: 20px;
  }
}

[data-cardium-layout-density="small"] {
  --cardiumSpacingDensityTiny: 0.15625rem;
  --cardiumSpacingDensityXsmall: 0.3125rem;
  --cardiumSpacingDensitySmall: 0.46875rem;
  --cardiumSpacingDensityDefault: 0.625rem;
  --cardiumSpacingDensityMedium: 0.9375rem;
  --cardiumSpacingDensityLarge: 1.25rem;
  --cardiumSpacingDensityXlarge: 1.875rem;
  --cardiumSpacingDensityXxlarge: 2.5rem;
}

[data-cardium-layout-density="medium"] {
  --cardiumSpacingDensityTiny: 0.1875rem;
  --cardiumSpacingDensityXsmall: 0.375rem;
  --cardiumSpacingDensitySmall: 0.5625rem;
  --cardiumSpacingDensityDefault: 0.75rem;
  --cardiumSpacingDensityMedium: 1.125rem;
  --cardiumSpacingDensityLarge: 1.5rem;
  --cardiumSpacingDensityXlarge: 2.25rem;
  --cardiumSpacingDensityXxlarge: 3rem;
}

:root {
  --cardiumSpacingDensityTiny: 0.25rem;
  --cardiumSpacingDensityXsmall: 0.5rem;
  --cardiumSpacingDensitySmall: 0.75rem;
  --cardiumSpacingDensityDefault: 1rem;
  --cardiumSpacingDensityMedium: 1.5rem;
  --cardiumSpacingDensityLarge: 2rem;
  --cardiumSpacingDensityXlarge: 3rem;
  --cardiumSpacingDensityXxlarge: 4rem;
}