:root {
  --nav-spacing-16th: calc(var(--nav-font-size) / 16);
  --nav-spacing-8th: calc(var(--nav-font-size) / 8);
  --nav-spacing-fourth: calc(var(--nav-font-size) / 4);
  --nav-spacing-half: calc(var(--nav-font-size) / 2);
  --nav-spacing: var(--nav-font-size);
  --page-spacing-16th: calc(var(--page-font-size) / 16);
  --spacing-8th: calc(var(--page-font-size) / 8);
  --spacing-fourth: calc(var(--page-font-size) / 4);
  --spacing-half: calc(var(--page-font-size) / 2);
  --spacing: var(--page-font-size);
  --page-wrapper-max-width: 97.5%;
  --detail-list-container-max-width: calc(
    var(--description-paragraph-max-width) +
    var(--image-thumbnail-size) +
    calc(var(--spacing-fourth) * 2) +
    calc(var(--spacing-half) * 2) +
    calc(var(--border-width) * 2) +
    var(--spacing)
  );
  --subnav-sticky-overlapped: calc(var(--nav-font-size) + calc(var(--border-width) + var(--border-width)));
}