:root {
  --font-family-title: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --page-title-category-gap: 10px;
  --page-title-description-gap: 12px;
  --page-category-color: #637994;
  --page-category-size: 12px;
  --page-category-weight: 500;
  --page-category-line-height: 1.6;
  --page-category-letter-spacing: 0.02em;
  --page-heading-color: #203c60;
  --page-heading-size: clamp(28px, 2.8vw, 36px);
  --page-heading-weight: 600;
  --page-heading-line-height: 1.2;
  --page-heading-letter-spacing: -0.035em;
  --page-description-color: #68788c;
  --page-description-size: 15px;
  --page-description-weight: 400;
  --page-description-line-height: 1.65;
  --page-description-letter-spacing: normal;
  --color-primary: #4f7cff;
  --color-background: #f7fbff;
  --color-surface: #fff;
  --color-text: #09172f;
  --color-muted: #64738f;
  --color-border: #d8e1ea;
  --border-radius: 12px;
  --content-width: 1280px;
}

:root {
  --common-header-height: 70px;
  --common-header-max: var(--content-width);
  --common-ink: var(--color-text);
  --common-blue: #24527a;
}

@media (max-width: 768px) {
  :root {
    --page-title-category-gap: 7px;
  }
}