:root{
  --c-bg: #e9eef2;
  --c-surface: #ffffff;
  --c-text: #141a21;
  --c-muted: #5a6672;
  --c-line: color-mix(in srgb, #142033 14%, transparent);
  --c-accent: #8f2f5e;
  --c-accent-600: #7d2853;
  --c-accent-700: #6b2247;
  --c-accent-800: #4f1934;
  --c-accent-tint: #f6e7ef;
  --c-accent-ink: #fff7fa;
  --c-accent-soft: color-mix(in srgb, #8f2f5e 12%, transparent);
  --grad: #8f2f5e;
  --f-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-head: "Unbounded", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --f-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --w-h1: 600;
  --w-h2: 600;
  --s-h1: clamp(27px, 4.6vw, 64px);
  --s-h2: clamp(21px, 3.1vw, 46px);
  --s-body: 18px;
  --r-card: 10px;
  --r-btn: 8px;
  --r-pill: 8px;
  --wrap: 1120px;
  --prose: 720px;
  --gap: 22px;
  --section: clamp(76px, 7.2vw, 112px);
  --shadow: 0 1px 1px rgba(20, 35, 55, .09), 0 3px 6px -3px rgba(20, 35, 55, .16), 0 12px 26px -18px rgba(20, 35, 55, .30);
  --border: 1px solid var(--c-line);
}
html{--layout: docs;}
body{--layout-name: "docs";}