:root {
  --p-900: #0f1922; --p-800: #15222e; --p-700: #1773b8; --p-500: #56a2dc; --p-200: #dbeaf7; --p-rgb: 15 25 34;
  --s-700: #28292a; --s-600: #3a3c3d;
  --ink: #1a1c1c; --muted: #5f6464; --paper: #f6f8f9; --white: #ffffff; --rule: #dfe5ea;
  --acc: #f2a93b; --bar1: #1773b8; --bar2: #56a2dc; --bar3: #f2a93b; --bar4: #ece4d8;
  --f-display: "Outfit", "Helvetica Neue", Arial, sans-serif; --f-body: "Inter", system-ui, sans-serif; --f-mono: "DM Mono", ui-monospace, Menlo, monospace; --f-quote: "Outfit", "Helvetica Neue", Arial, sans-serif;
  --stretch: 100%; --hw1: 800; --hw2: 800; --h1-size: clamp(42px, 7.4vw, 100px);
  --radius: 6px; --header-h: 72px; --ease: cubic-bezier(.2, .7, .2, 1);
  --shadow: 0 1px 2px rgb(var(--p-rgb) / .06), 0 8px 24px rgb(var(--p-rgb) / .08);
}