:root {
  --type-1: 0.75rem;
  --leading-1: 1.7500;
  --type-2: 0.875rem;
  --leading-2: 1.7500;
  --type-3: 1.0rem;
  --leading-3: 1.7500;
  --type-4: 1.125rem;
  --leading-4: 1.7500;
  --type-5: 1.3125rem;
  --leading-5: 1.3333;
  --type-6: 1.5rem;
  --leading-6: 1.4583;
  --type-7: 2.25rem;
  --leading-7: 1.3611;
  --type-8: 3.0rem;
  --leading-8: 1.3125;
  --type-9: 3.75rem;
  --leading-9: 1.4000;
  --type-body: var(--type-3);
  --leading-body: var(--leading-3);
  --leading-display: 1.2;
  --tracking-display: -0.02em;
  --space-1: 0.4375rem;
  --space-2: 0.875rem;
  --space-3: 1.3125rem;
  --space-4: 1.75rem;
  --space-5: 2.625rem;
  --space-6: 3.5rem;
  --space-7: 5.25rem;
  --space-8: 7.0rem;
  --measure: 40em;
  --grid-columns: 12;
  --grid-gutter: 1.75rem;
  --page-max: 60.875rem;
  --page-max-wide: 75.0rem;
  --margin-narrow: 1.3125rem;
  --margin-wide: 1.75rem;
  --target-min: 2.75rem;
  --border-thin: 1px;
  --border-thick: 2px;
  --icon-sm: var(--type-3);
  --icon-md: var(--type-6);
  --icon-lg: var(--space-5);
  --duration-fast: 150ms;
  --duration-moderate: 250ms;
  --duration-slow: 400ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15);
  --z-sticky: 10;
  --z-dropdown: 20;
  --z-overlay: 30;
  --z-toast: 40;
  --overlay-opacity: 0.6;
  --font-serif:
    "Noto Serif JP",
    "Hiragino Mincho ProN",
    serif;
}