:root {
  --font-family-title: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --page-title-category-gap: 10px;
  --page-title-description-gap: 12px;
  --page-category-size: 0.7rem;
  --page-category-weight: 800;
  --page-category-line-height: 1.6;
  --page-category-letter-spacing: 0.075em;
  --page-heading-size: clamp(1.85rem, 3.6vw, 2.8rem);
  --page-heading-weight: 700;
  --page-heading-line-height: 1.1;
  --page-heading-letter-spacing: -0.035em;
  --page-description-size: 0.95rem;
  --page-description-weight: 400;
  --page-description-line-height: 1.55;
  --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;
    --page-category-size: 0.65rem;
    --page-heading-size: clamp(1.75rem, 7.8vw, 2.1rem);
    --page-heading-line-height: 1.06;
    --page-heading-letter-spacing: -0.04em;
    --page-description-size: 0.8rem;
    --page-description-line-height: 1.48;
  }
}