@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&family=Instrument+Serif:ital@0;1&display=swap");

:root {
  --ns-2404-color-paper: oklch(96% 0.018 70);
  --ns-2404-color-paper-deep: oklch(90% 0.035 67);
  --ns-2404-color-ink: oklch(25% 0.035 38);
  --ns-2404-color-muted: oklch(48% 0.035 42);
  --ns-2404-color-accent: oklch(43% 0.13 28);
  --ns-2404-color-accent-ink: oklch(96% 0.018 70);
  --ns-2404-color-accent-soft: oklch(86% 0.055 34);
  --ns-2404-color-cobalt: oklch(46% 0.15 255);
  --ns-2404-color-rule: oklch(72% 0.045 53);
  --ns-2404-color-focus: oklch(52% 0.16 255);
  --ns-2404-font-display: "Instrument Serif", ui-serif, serif;
  --ns-2404-font-body: "IBM Plex Sans", ui-sans-serif, sans-serif;
  --ns-2404-space-2xs: 0.25rem;
  --ns-2404-space-xs: 0.5rem;
  --ns-2404-space-sm: 0.75rem;
  --ns-2404-space-md: 1rem;
  --ns-2404-space-lg: 1.5rem;
  --ns-2404-space-xl: 2rem;
  --ns-2404-space-2xl: 3rem;
  --ns-2404-space-3xl: 4.5rem;
  --ns-2404-text-sm: 0.84rem;
  --ns-2404-text-body: clamp(1rem, 0.97rem + 0.16vw, 1.08rem);
  --ns-2404-text-h3: clamp(1.28rem, 1.1rem + 0.5vw, 1.6rem);
  --ns-2404-text-h2: clamp(1.9rem, 1.45rem + 1.4vw, 3rem);
  --ns-2404-text-display: clamp(2.7rem, 5.5vw, 6.2rem);
  --ns-2404-rule-hairline: 1px;
  --ns-2404-rule-strong: 3px;
  --ns-2404-radius-sm: 0.25rem;
  --ns-2404-radius-md: 0.75rem;
  --ns-2404-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ns-2404-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ns-2404-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ns-2404-dur-micro: 120ms;
  --ns-2404-dur-short: 220ms;
}