/* Portfolio tokens, scoped to case routes: this does not recolour the homepage. */
html[data-case-route]{
  --color-paper:var(--case-bg);--color-ink:var(--case-ink);--color-muted:var(--case-muted);--color-rule:var(--case-line);--color-soft:var(--case-soft);--color-accent:var(--case-accent);--color-focus:var(--case-ink);
  --font-display:var(--case-display);--font-body:var(--case-body);
  --space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:80px;
  --text-small:14px;--text-body:18px;--text-lead:20px;--text-title:35px;
  --radius-panel:24px;--radius-small:14px;
  --ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-short:180ms;--dur-panel:360ms;--z-reading:1;--z-navigation:10;
  --reel-screen-width:360px;--reel-screen-mobile:240px;--control-size:44px;
}