/* Shared native-site tokens; consumed by Home, editorial pages, forms, and footer. */
:root {
  --penfield-paper: #f3eddf;
  --penfield-paper-raised: #fffdf5;
  --penfield-navy: #262d58;
  --penfield-olive: #55551f;
  --penfield-secondary: #5e5746;
  --penfield-control-border: #716a57;
  --penfield-quote-rest: #706958;
  --penfield-body: #000;
  --penfield-inverse: #fff;
  --penfield-line: #c5bcaa;
  --penfield-font-editorial: 'Literata', Georgia, serif;
  --penfield-font-ui: 'Be Vietnam Pro', Arial, sans-serif;
  --penfield-size-body: clamp(18px, 1vw, 20px);
  --penfield-size-intro: clamp(20px, 1.15vw, 22px);
  --penfield-size-ui: 16px;
  --penfield-size-meta: 14px;
  --penfield-size-h1: clamp(36px, 4vw, 72px);
  --penfield-size-h2: clamp(28px, 2.8vw, 48px);
  --penfield-size-h3: clamp(24px, 1.95vw, 32px);
  --penfield-profile-compact-heading: clamp(20px, 1.55vw, 24px);
  --penfield-profile-compact-gap: clamp(24px, 2vw, 32px);
  --penfield-profile-compact-label-gap: clamp(8px, .7vw, 12px);
  /* Total width reserved for both outer page gutters. */
  --penfield-gutter: clamp(156px, 10vw, 200px);
  --penfield-home-copy-columns: minmax(0, .62fr) minmax(0, 1.38fr);
  --penfield-home-copy-gap: clamp(48px, 9vw, 138px);
  --penfield-action-height: 48px;
  --penfield-action-padding: 11px 18px;
  --penfield-action-border-width: 1px;
  --penfield-action-transition: .18s ease;
  /* One adjoining-section gap, split across neighboring sections. */
  --penfield-space-section: clamp(3.5rem, 6vw, 5rem);
  --penfield-deboss-highlight: rgba(255, 255, 255, .22);
  --penfield-deboss-shadow: rgba(38, 45, 88, .035);
  --penfield-deboss-highlight-soft: rgba(255, 255, 255, .16);
  --penfield-deboss-shadow-soft: rgba(38, 45, 88, .025);
  --penfield-deboss-wordmark-width: clamp(180px, 18vw, 268px);
  --penfield-deboss-nib-width: 24px;
  --penfield-text: var(--penfield-body);
  --penfield-text-inverse: var(--penfield-inverse);
  --penfield-editorial-size: var(--penfield-size-body);
  --penfield-editorial-line: 1.75;
  --penfield-cms-paragraph-gap: .9em;
  --penfield-cms-heading-before: 1.35em;
  --penfield-cms-heading-after: .55em;
  --penfield-cms-subheading-before: 1.2em;
  --penfield-cms-subheading-after: .5em;
  --penfield-ui-size: var(--penfield-size-ui);
  --penfield-meta-size: var(--penfield-size-meta);
}
body:not(.template-option) {
  color: var(--penfield-text);
  --paper: var(--penfield-paper);
  --blue: var(--penfield-navy);
  --ink: var(--penfield-body);
  --olive: var(--penfield-olive);
  --line: var(--penfield-line);
  --muted: var(--penfield-secondary);
}
@media (max-width: 720px) {
  :root {
    --penfield-size-body: 18px;
    --penfield-size-intro: 20px;
    --penfield-size-h1: 36px;
    --penfield-size-h2: 28px;
    --penfield-size-h3: 24px;
    --penfield-gutter: clamp(64px, 16vw, 96px);
  }
}
@media (min-width: 721px) and (max-width: 1120px) {
  :root { --penfield-gutter: clamp(120px, 14vw, 156px); }
}
body.template-option {
  --penfield-size-body: 18px;
  --penfield-size-intro: 20px;
  --penfield-size-h1: clamp(36px, 4vw, 56px);
  --penfield-size-h2: clamp(28px, 2.8vw, 40px);
  --penfield-size-h3: clamp(24px, 1.95vw, 28px);
  --penfield-gutter: clamp(36px, 8vw, 120px);
}