:root{
  --paper:     #FAF6EF;
  --paper-2:   #F2ECE1;
  --ink:       #181512;
  --ink-2:     #5C564D;
  --ink-3:     #948D80;
  --hairline:  rgba(24,21,18,.14);
  --hairline-2:rgba(24,21,18,.08);
  --orange:    #E8470A;
  --serif: "Fraunces", Georgia, serif;
  --sans:  "Switzer", "Helvetica Neue", Arial, sans-serif;
  --mono:  "Spline Sans Mono", "SF Mono", monospace;
  --gut: clamp(1.25rem, 4vw, 4.5rem);
  --maxw: 1360px;
}

/* Large screens — let content span the viewport (minus gutters) */
@media (min-width: 1400px) {
  :root {
    --maxw: calc(100vw - 2 * var(--gut));
  }
}

/* Case study palette — approved prototype (intervyou-case-study-approved.html) */
body.case-study-page {
  --paper: #F4EDE0;
  --paper-soft: #F8F2E8;
  --paper-deep: #EAE1CF;
  --ink: #161310;
  --ink-soft: #2B2520;
  --ink-90: rgba(22, 19, 16, 0.9);
  --ink-70: rgba(22, 19, 16, 0.7);
  --ink-60: rgba(22, 19, 16, 0.6);
  --ink-40: rgba(22, 19, 16, 0.4);
  --ink-20: rgba(22, 19, 16, 0.2);
  --ink-10: rgba(22, 19, 16, 0.1);
  --ink-05: rgba(22, 19, 16, 0.05);
  --paper-20: rgba(244, 237, 224, 0.2);
  --paper-60: rgba(244, 237, 224, 0.6);
  --paper-70: rgba(244, 237, 224, 0.7);
  --orange: #DC5024;
  --orange-deep: #B7421F;
  --orange-soft: #E8704A;
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body: "Switzer", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --w-narrow: 560px;
  --w-body: 680px;
  --w-figure: 1080px;
  --w-wide: 1240px;
  --pad-x: 40px;
}