.tbrs-root {
  --tbrs-layout-width: 1400px;
  --tbrs-artboard-width: 1400px;
  --tbrs-section-padding-x: 60px;

  --tbrs-navy: #253c60;
  --tbrs-navy-deep: #17335b;
  --tbrs-accent: #7baad4;
  --tbrs-accent-light: #d4e4f2;
  --tbrs-text-muted: #697892;
  --tbrs-text-inactive: #4a5f78;
  --tbrs-white: #ffffff;
  --tbrs-bg: #ffffff;
  --tbrs-tag-inactive-bg: #e8f0f7;
  --tbrs-tag-inactive-text: #5a7a9a;
  --tbrs-shadow: 0 10px 40px rgba(23, 51, 91, 0.1);
  --tbrs-shadow-card: 0 4px 20px rgba(23, 51, 91, 0.07);
  --tbrs-shadow-arrow: 0 2px 10px rgba(23, 51, 91, 0.1);

  --tbrs-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --tbrs-kicker-size: 13px;
  --tbrs-kicker-tracking: 0.16em;
  --tbrs-title-size: 40px;
  --tbrs-title-lh: 1.3;
  --tbrs-lead-size: 15px;
  --tbrs-lead-lh: 1.65;
  --tbrs-card-text-size: 15px;
  --tbrs-card-text-lh: 1.75;
  --tbrs-tag-size: 13px;

  --tbrs-header-gap-kicker-title: 20px;
  --tbrs-header-gap-title-lead: 14px;
  --tbrs-header-margin-bottom: 44px;

  --tbrs-carousel-section-gap: 16px;
  --tbrs-viewport-padding-top: calc(var(--tbrs-badge-size) / 2 + 14px);

  --tbrs-content-width: calc(var(--tbrs-artboard-width) - (2 * var(--tbrs-section-padding-x)));
  --tbrs-carousel-max-width: var(--tbrs-content-width);
  --tbrs-viewport-max-width: var(--tbrs-content-width);
  --tbrs-card-width: 360px;
  --tbrs-card-min-height: 280px;
  --tbrs-card-gap: 28px;
  --tbrs-card-radius: 14px;
  --tbrs-card-padding: 36px 24px 24px;
  --tbrs-active-border: 2px solid var(--tbrs-navy-deep);
  --tbrs-slide-duration: 0.52s;
  --tbrs-slide-ease: cubic-bezier(0.4, 0, 0.2, 1);

  --tbrs-badge-size: 46px;
  --tbrs-quote-size: 48px;
  --tbrs-star-size: 18px;
  --tbrs-star-gap: 5px;
  --tbrs-arrow-size: 46px;

  --tbrs-dot-size: 8px;
  --tbrs-dot-active-size: 10px;
  --tbrs-dot-gap: 10px;
  --tbrs-dots-margin-top: 28px;
}

@media (max-width: 767px) {
  .tbrs-root {
    --tbrs-section-padding-x: 16px;
    --tbrs-content-width: 100%;
    --tbrs-carousel-max-width: 100%;
    --tbrs-viewport-max-width: 100%;
    --tbrs-title-size: 24px;
    --tbrs-lead-size: 14px;
    --tbrs-kicker-size: 11px;
    --tbrs-kicker-tracking: 0.1em;
    --tbrs-header-margin-bottom: 28px;
    --tbrs-header-gap-kicker-title: 12px;
    --tbrs-header-gap-title-lead: 10px;
    --tbrs-arrow-size: 34px;
    --tbrs-carousel-gutter: calc(var(--tbrs-arrow-size) + 8px);
    --tbrs-card-min-height: 250px;
    --tbrs-card-padding: 30px 18px 20px;
    --tbrs-card-gap: 0px;
    --tbrs-quote-size: 40px;
    --tbrs-dots-margin-top: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .tbrs-root {
    --tbrs-carousel-max-width: 100%;
    --tbrs-viewport-max-width: 100%;
    --tbrs-card-width: 300px;
    --tbrs-card-min-height: 270px;
    --tbrs-card-gap: 24px;
  }
}