/* Off Policy / Identity 01. Recommended direction: oxblood. */
:root {
  --op-paper: #F6F4EF;
  --op-white: #FFFFFF;
  --op-ink: #252521;
  --op-muted: #66645E;
  --op-stone: #8F8B85;
  --op-rule: #D9D4CA;
  --op-surface: #ECE8E0;
  --op-accent: #4B2935;
  --op-accent-hover: #381D27;
  --op-accent-soft: #EAE1E3;
  --op-on-accent: #F6F4EF;
  --op-serif: 'IBM Plex Serif', Georgia, serif;
  --op-sans: 'IBM Plex Sans', Arial, sans-serif;
  --op-display: clamp(3.25rem, 6.2vw, 6.5rem);
  --op-heading: clamp(2rem, 3.4vw, 3.5rem);
  --op-subheading: clamp(1.5rem, 2.1vw, 2.25rem);
  --op-body: 1rem;
  --op-small: .8125rem;
  --op-title-tracking: -.055em;
  --op-label-tracking: .10em;
  --op-space-1: .25rem;
  --op-space-2: .5rem;
  --op-space-3: .75rem;
  --op-space-4: 1rem;
  --op-space-6: 1.5rem;
  --op-space-8: 2rem;
  --op-space-12: 3rem;
  --op-space-16: 4rem;
  --op-space-24: 6rem;
  --op-radius: 2px;
  --op-content-width: 1440px;
  --op-reading-width: 62ch;
  --op-motion-fast: 180ms;
  --op-motion-slow: 420ms;
  --op-ease: cubic-bezier(.2, .65, .3, 1);
}
[data-accent='evergreen'] {
  --op-accent: #29463B;
  --op-accent-hover: #1E352C;
  --op-accent-soft: #E1E8E1;
}
[data-accent='ink'] {
  --op-accent: #263C50;
  --op-accent-hover: #1B2D3D;
  --op-accent-soft: #E0E6EB;
}
@media (prefers-reduced-motion: reduce) {
  :root { --op-motion-fast: 0ms; --op-motion-slow: 0ms; }
}