:root {
  --blog-article-info-box-radius: 4px;
  --blog-article-info-box-title-display: inherit;
  --blog-article-info-box-title-font-weight: var(--blog-headline-h4-font-weight);
  --blog-article-info-box-title-mobile-font-size: var(--blog-font-size-lg);
  --blog-article-info-box-title-mobile-line-height: var(--blog-line-height-md);

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

  --blog-article-layout-justify: center;
  --blog-article-title-font-weight: var(--blog-font-weight-semibold);
  --blog-article-title-font-size: var(--blog-font-size-5xl);
  --blog-article-title-line-height: 52px;
  --blog-article-title-font-size-mobile: 40px;
  --blog-article-title-line-height-mobile: 50px;
  --blog-article-meta-padding: 8px;
  --blog-article-meta-gap: 0;
  --blog-article-subtitle-font-size: 22px;
  --blog-article-subtitle-font-weight: var(--blog-font-weight-semibold);
  --blog-article-subtitle-line-height: var(--blog-line-height-2xl);
  --blog-article-subtitle-font-size-mobile: var(--blog-font-size-lg);
  --blog-article-subtitle-font-weight-mobile: var(--blog-font-weight-semibold);
  --blog-article-subtitle-line-height-mobile: var(--blog-line-height-lg);
  --blog-article-image-height: 240px;
  --blog-article-image-radius: 16px;
  --blog-article-separator-margin: 12px;
  --blog-article-separator-color: var(--blog-color-gray-600);
  --blog-article-show-avatar: none;
  --blog-article-author-gap: 0;
  --blog-article-text-block-font-size: var(--blog-font-size-lg);
  --blog-article-text-block-line-height: var(--blog-line-height-xl);
  --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-author-link-font-weight: var(--blog-font-weight-bold);

  --blog-article-card-image-radius: 16px;
  --blog-article-card-info-radius: 16px;

  --blog-left-content-max-width: 712px;

  --blog-gap-s: 16px;
  --blog-gap-m: 30px;

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

  --blog-button-radius: 16px;
  --blog-button-text-font-weight: var(--blog-font-weight-bold);
  --blog-button-secondary-color: var(--blog-color-blue-900);
  --blog-button-secondary-background: var(--blog-color-white);

  --blog-card-shadow: none;

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

  --blog-main-search-carousel-title-font-weight: var(--blog-font-weight-bold);

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

  --blog-articles-by-tag-content-align: center;
  --blog-articles-by-tag-button-align: initial;
  
  --blog-button-background: var(--blog-color-blue-900);
  --blog-button-color: var(--blog-color-white);
  --blog-button-border: 2px solid var(--blog-color-blue-900);
}