/* Shared design tokens for the Pasadena case study and workflow guide.
   Change these semantic roles rather than adding page-specific values. */
:root {
 --inverse:#fff;
 --surface-hover:#243a3010;
 --border-strong:#243a3035;
 --surface-tinted:#e3e1d7;
 --surface-selected:#e0e7df;
 --ink-deep:#17281c;
 --overlay:#12271ad9;
 --overlay-soft:#15291caa;
 --overlay-caption:#15291cee;
 --scroll-thumb:#657766;
 --focus-inverse:#e2b77e;
 --inverse-wash:#ffffff13;
 --inverse-hover:#ffffff22;
 --inverse-line:#ffffff7d;
 --radius-frame:16px;
 --radius-round:50%;
 --duration-reveal:800ms;
 --paper:#eeece4; --ink:#243a30; --muted:#566259; --line:#243a3024; --white:#faf9f4;
 --focus:#a27038; --inverse-muted:#d5dfd7; --surface-subtle:#243a3007;
 --font-body:'Avenir Next',Avenir,system-ui,sans-serif;
 --font-display:Georgia,'Times New Roman',serif;
 --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
 --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem;
 --space-12:3rem; --space-16:4rem;
 --radius-sm:3px; --radius-card:12px; --radius-pill:30px;
 --icon-sm:20px; --icon-md:24px; --brand-wide:32px; --target-min:44px; --control-height:48px;
 --border:1px solid var(--line);
 --duration-fast:180ms; --duration-normal:350ms; --duration-slow:550ms;
 --curve:cubic-bezier(.22,.7,.2,1);

  --type-display: clamp(3rem, 1.5rem + 5.5vw, 6rem);
  --type-section: clamp(2.25rem, 1.25rem + 3vw, 4.5rem);
  --type-subheading: clamp(1.75rem, 1.3rem + 1vw, 2.25rem);
  --type-body: 1rem;
  --type-control: .875rem;
  --type-caption: .8125rem;
  --type-label: .75rem;

}
@media(prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms}}