@layer seeplaces {
  :root {
    --blog-radius: 20px;
    --blog-button-radius: 12px;
    --blog-button-background: var(--blog-color-red-900);
    --blog-button-hover-background: var(--blog-color-red-600);
    --blog-button-border: var(--blog-color-red-900);
    --blog-button-color: var(--blog-color-white);
    --blog-button-min-width: 260px;

    --blog-main-search-carousel-max-height-mobile: 420px;

    --blog-article-info-box-margin-block-desktop: 36px;
    --blog-article-info-box-background: var(--blog-color-mango-100);
    --blog-article-info-box-title-font-weight: 800;
  }
}

@layer global, seeplaces;