@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,650&display=swap");

:root {
  --ns-7444-color-paper: oklch(95% 0.015 92);
  --ns-7444-color-paper-storm: oklch(88% 0.025 110);
  --ns-7444-color-ink: oklch(20% 0.028 145);
  --ns-7444-color-muted: oklch(43% 0.035 150);
  --ns-7444-color-forest: oklch(35% 0.075 150);
  --ns-7444-color-warning: oklch(48% 0.17 30);
  --ns-7444-color-accent-ink: oklch(95% 0.015 92);
  --ns-7444-color-transparent: oklch(0% 0 0 / 0);
  --ns-7444-color-warning-soft: oklch(88% 0.065 45);
  --ns-7444-color-cobalt: oklch(45% 0.16 255);
  --ns-7444-color-rule: oklch(64% 0.055 120);
  --ns-7444-color-focus: oklch(52% 0.17 255);
  --ns-7444-font-display: "Bricolage Grotesque", ui-sans-serif, sans-serif;
  --ns-7444-font-body: "Source Serif 4", ui-serif, serif;
  --ns-7444-space-2xs: 0.25rem;
  --ns-7444-space-xs: 0.5rem;
  --ns-7444-space-sm: 0.75rem;
  --ns-7444-space-md: 1rem;
  --ns-7444-space-lg: 1.5rem;
  --ns-7444-space-xl: 2rem;
  --ns-7444-space-2xl: 3rem;
  --ns-7444-space-3xl: 5rem;
  --ns-7444-text-sm: 0.84rem;
  --ns-7444-text-body: clamp(1rem, 0.97rem + 0.18vw, 1.1rem);
  --ns-7444-text-h3: clamp(1.2rem, 1.05rem + 0.5vw, 1.55rem);
  --ns-7444-text-h2: clamp(1.9rem, 1.35rem + 1.8vw, 3.25rem);
  --ns-7444-text-display: clamp(3rem, 8.2vw, 8.8rem);
  --ns-7444-rule-hairline: 1px;
  --ns-7444-rule-strong: 5px;
  --ns-7444-radius-sm: 0.15rem;
  --ns-7444-radius-md: 0.5rem;
  --ns-7444-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ns-7444-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ns-7444-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ns-7444-dur-micro: 120ms;
  --ns-7444-dur-short: 220ms;
}