/* inspiration: Parker */
:root {
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .85rem;
  --space-4: 1.25rem;
  --space-5: 1.75rem;
  --space-8: 6rem;
  --space-9: 9rem;
  --container: 78rem;
  --measure: 34rem;
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --ease: cubic-bezier(.65,0,.35,1);
  --dur-1: .62s;
  --dur-2: .9s;
  --bg: oklch(98.5% 0.006 200.43478260869563);
  --surface: oklch(95.5% 0.007 200.43478260869563);
  --surface-2: oklch(91.5% 0.008 200.43478260869563);
  --text: oklch(22.0% 0.008 200.43478260869563);
  --muted: oklch(46.0% 0.010 200.43478260869563);
  --line: oklch(86.5% 0.007 200.43478260869563);
  --accent: oklch(51.0% 0.160 160.43478260869563);
  --accent-contrast: oklch(98.5% 0.004 200.43478260869563);
  --step--2: 0.653rem;
  --step--1: 0.816rem;
  --step-0: 1.020rem;
  --step-1: clamp(1.02rem, 2.42vw, 1.27rem);
  --step-2: clamp(1.02rem, 3.03vw, 1.59rem);
  --step-3: clamp(1.24rem, 3.79vw, 1.99rem);
  --step-4: clamp(1.54rem, 4.73vw, 2.49rem);
  --step-5: clamp(1.93rem, 5.91vw, 3.11rem);
  --step-6: clamp(2.41rem, 7.39vw, 3.89rem);
  --step-7: clamp(2.33rem, 12vw, 7.39rem);
  --font-display: "Bricolage Grotesque", "Cairo", system-ui, sans-serif;
  --font-body: "Figtree", "Cairo", system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, monospace;
  --radius: .25rem;
  --radius-lg: .4rem;
  --section-pad: clamp(4rem,9vw,8rem);
  --space-6: 2.5rem;
  --space-7: 4rem;
  --shadow-1: 0 1px 2px rgba(0,0,0,.05);
  --shadow-2: 0 12px 34px -14px rgba(0,0,0,.18);
  --shadow-3: 0 34px 64px -22px rgba(0,0,0,.3);
}