:root {
  --blog-article-author-gap: 0;
  --blog-article-author-link-font-weight: var(--blog-font-weight-bold);
  --blog-article-author-name-font-size: var(--blog-headline-h4-font-size);
  --blog-article-author-name-font-weight: var(--blog-headline-h4-font-weight);
  --blog-article-author-name-line-height: var(--blog-line-height-2xl);

  --blog-article-card-border-color: var(--blog-color-gray-300);
  --blog-article-card-border-radius: 16px;
  --blog-article-card-description-font-size: var(--blog-font-size-xl);
  --blog-article-card-description-font-size-mobile: var(--blog-font-size-xl);
  --blog-article-card-description-gap: 8px;
  --blog-article-card-description-line-height: var(--blog-line-height-xl);
  --blog-article-card-description-line-height-mobile: var(--blog-line-height-xl);
  --blog-article-card-description-min-height: 160px;
  --blog-article-card-description-padding: 20px 20px;
  --blog-article-card-image-height: 200px;
  --blog-article-card-max-width: 360px;

  --blog-article-gallery-image-height: 240px;
  --blog-article-gallery-image-max-width-mobile: 320px;

  --blog-article-image-height: 240px;
  --blog-article-image-radius: var(--blog-radius);

  --blog-article-info-box-title-display: inherit;

  --blog-article-layout-justify: center;

  --blog-article-meta-gap: 0;
  --blog-article-meta-padding: 8px;

  --blog-article-separator-color: var(--blog-color-gray-600);
  --blog-article-show-avatar: none;

  --blog-article-subtitle-line-height-mobile: var(--blog-line-height-lg);

  --blog-article-text-block-font-size: var(--blog-font-size-lg);
  --blog-article-text-block-line-height: var(--blog-line-height-xl);

  --blog-article-title-font-size: var(--blog-font-size-5xl);
  --blog-article-title-font-weight: var(--blog-font-weight-semibold);
  --blog-article-title-line-height: 52px;

  --blog-articles-gap: 30px;

  --blog-author-card-avatar-border-radius: 16px;
  --blog-author-card-avatar-width-mobile: 180px;

  --blog-button-background: var(--blog-color-blue-900);
  --blog-button-border: 2px solid var(--blog-color-blue-900);
  --blog-button-color: var(--blog-color-white);
  --blog-button-hover-background: var(--blog-color-blue-700);
  --blog-button-radius: 16px;

  --blog-card-button-align: initial;
  --blog-card-content-align: center;

  --blog-headline-font-weight: var(--blog-font-weight-extrabold);
  --blog-headline-h3-font-size: var(--blog-font-size-xl);

  --blog-header-submenu-padding-top: 0;
  --blog-header-submenu-transform: translateX(50px);
  --blog-header-submenu-z-index: var(--um24sf-header-z-index);

  --blog-main-carousel-button-background: var(--blog-button-color);
  --blog-main-carousel-button-border: var(--blog-button-color);
  --blog-main-carousel-button-color: var(--blog-button-background);
  --blog-main-carousel-max-height-mobile: 400px;
  --blog-main-carousel-pagination-bottom: 20px;

  --blog-radius: 16px;

  --blog-toc-title-color: var(--blog-color-gray-700);
}