:root {
  color-scheme: light;

  --paper:        #f5f3ef;
  --paper-2:      #edeae3;
  --paper-3:      #e4e0d7;
  --surface:      #fffefc;

  --ink:          #14130e;
  --dark-field:   #242119;
  --ink-2:        #4b4740;
  --ink-3:        #6b6659;
  --ink-inv:      #f5f3ef;
  --ink-inv-2:    #bdb7a9;
  --ink-inv-3:    #9c9587;

  --accent:       #c0421c;
  --accent-deep:  #a3350f;
  --accent-light: #f07a45;
  --accent-wash:  rgba(192, 66, 28, 0.08);
  --accent-line:  rgba(192, 66, 28, 0.28);
  --on-accent:    #fffefc;

  --line:         rgba(20, 19, 14, 0.14);
  --line-strong:  rgba(20, 19, 14, 0.24);
  --line-inv:     rgba(245, 243, 239, 0.16);

  --focus:        #1b5fd9;

  --font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: "Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;

  --step--1: clamp(0.84rem, 0.81rem + 0.13vw, 0.91rem);
  --step-0:  clamp(1rem,    0.96rem + 0.18vw, 1.11rem);
  --step-1:  clamp(1.14rem, 1.07rem + 0.32vw, 1.33rem);
  --step-2:  clamp(1.3rem,  1.18rem + 0.52vw, 1.6rem);
  --step-3:  clamp(1.5rem,  1.3rem + 0.85vw, 2rem);
  --step-4:  clamp(1.75rem, 1.45rem + 1.3vw, 2.5rem);
  --step-5:  clamp(2rem,    1.6rem + 1.75vw, 3rem);
  --step-6:  clamp(2.35rem, 1.8rem + 2.4vw,  3.7rem);

  --tracking-tight: -0.018em;
  --tracking-head:  -0.025em;

  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-9: 6rem;

  --section-y:       clamp(4rem, 2.8rem + 5vw, 7rem);
  --section-y-wide:  clamp(5rem, 3.4rem + 6.5vw, 9rem);

  --gutter:  clamp(1.25rem, 0.6rem + 2.6vw, 3rem);

  --r-sm: 3px;
  --r-md: 5px;

  --wrap: 1180px;
  --wrap-narrow: 760px;
  --logo-h: 52px;
  --logo-h-footer: clamp(56px, 24.5vw - 22px, 80px);
  --header-h: calc(var(--logo-h) + 1.75rem);

  --ease: cubic-bezier(0.3, 0.7, 0.4, 1);
  --t-fast: 120ms;
  --t-med: 240ms;
}

.is-dark {
  color: #f5f3ef;
  --paper: var(--dark-field);
  --paper-2: #2e2a20;
  --paper-3: #3a3529;
  --surface: #2e2a20;
  --ink: #f5f3ef;
  --ink-2: var(--ink-inv-2);
  --ink-3: var(--ink-inv-3);
  --accent: var(--accent-light);
  --accent-deep: #f79564;
  --accent-wash: rgba(240, 122, 69, 0.1);
  --accent-line: rgba(240, 122, 69, 0.3);
  --on-accent: #242119;
  --line: rgba(245, 243, 239, 0.18);
  --line-strong: rgba(245, 243, 239, 0.32);
  --focus: #8fb7ff;
  color-scheme: dark;
}