@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;800&family=IBM+Plex+Sans:wght@400;500;700&display=swap");

:root {
  --ns-2235-color-paper: oklch(96% 0.012 80);
  --ns-2235-color-paper-blue: oklch(91% 0.025 245);
  --ns-2235-color-ink: oklch(20% 0.035 255);
  --ns-2235-color-muted: oklch(45% 0.045 250);
  --ns-2235-color-accent: oklch(47% 0.18 255);
  --ns-2235-color-accent-ink: oklch(96% 0.012 80);
  --ns-2235-color-rescue: oklch(57% 0.16 48);
  --ns-2235-color-rescue-soft: oklch(90% 0.065 60);
  --ns-2235-color-rule: oklch(62% 0.07 250);
  --ns-2235-color-focus: oklch(53% 0.19 255);
  --ns-2235-font-display: "Big Shoulders Display", ui-sans-serif, sans-serif;
  --ns-2235-font-body: "IBM Plex Sans", ui-sans-serif, sans-serif;
  --ns-2235-space-2xs: 0.25rem;
  --ns-2235-space-xs: 0.5rem;
  --ns-2235-space-sm: 0.75rem;
  --ns-2235-space-md: 1rem;
  --ns-2235-space-lg: 1.5rem;
  --ns-2235-space-xl: 2rem;
  --ns-2235-space-2xl: 3rem;
  --ns-2235-space-3xl: 5rem;
  --ns-2235-text-sm: 0.82rem;
  --ns-2235-text-body: clamp(1rem, 0.98rem + 0.16vw, 1.08rem);
  --ns-2235-text-h3: clamp(1.25rem, 1.06rem + 0.6vw, 1.65rem);
  --ns-2235-text-h2: clamp(2rem, 1.4rem + 2vw, 3.45rem);
  --ns-2235-text-display: clamp(2.8rem, 6.7vw, 7.2rem);
  --ns-2235-rule-hairline: 1px;
  --ns-2235-rule-strong: 4px;
  --ns-2235-radius-sm: 0.2rem;
  --ns-2235-radius-md: 0.6rem;
  --ns-2235-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ns-2235-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ns-2235-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ns-2235-dur-micro: 120ms;
  --ns-2235-dur-short: 220ms;
}