:root {

--bg:              #FBF6EE;
  --bg-raised:       #F4EDE1;
  --bg-inset:        #FFFCF7;

  --text:            #2B2724;
  --text-muted:      #5F5852;
  --text-faint:      #6E675F;

  --line:            rgba(43, 39, 36, 0.14);
  --line-strong:     rgba(43, 39, 36, 0.28);

--accent:          #1B4A6B;

--button-bg:       #2B2724;
  --button-text:     #FBF6EE;

--font-display: "Instrument Serif", var(--font-jp-serif);
  --font-body:    "Plus Jakarta Sans", var(--font-jp-sans);
  --font-quote:   "IBM Plex Serif", var(--font-jp-serif);

--font-mono:    "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;

--font-jp-sans:  "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic",
                   "Noto Sans JP", system-ui, sans-serif;
  --font-jp-serif: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho",
                   "Noto Serif JP", Georgia, serif;

--size-display: clamp(2.75rem, 7vw, 5.25rem);
  --size-xl:      clamp(2.125rem, 4.4vw, 3.5rem);
  --size-lg:      clamp(1.25rem, 2vw, 1.5rem);
  --size-md:      1.0625rem;
  --size-sm:      0.9375rem;
  --size-xs:      0.8125rem;

--weight-light:  300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold:   600;

--weight-display:   400;
  --leading-display:  1.0;
  --tracking-display: -0.01em;

  --leading-tight: 1.05;
  --leading-snug:  1.25;
  --leading-body:  1.7;

  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.12em;

--space-1:  0.5rem;
  --space-2:  1rem;
  --space-3:  1.5rem;
  --space-4:  2rem;
  --space-5:  3rem;
  --space-6:  4rem;
  --space-7:  6rem;
  --space-8:  8rem;

--section-gap: clamp(var(--space-6), 11vw, var(--space-8));

--container:        1180px;
  --container-narrow: 780px;
  --measure:          68ch;
  --gutter:           clamp(var(--space-3), 5vw, var(--space-6));

  --radius:    4px;
  --radius-lg: 8px;

--transition: 160ms ease;
}