:root{
  --c-bg: #17131d;
  --c-surface: #221b2b;
  --c-text: #f4eef7;
  --c-muted: #b0a6bd;
  --c-line: color-mix(in srgb, #f4eef7 14%, transparent);
  --c-accent: #d8a24a;
  --c-accent-600: #e6b45f;
  --c-accent-700: #e7c079;
  --c-accent-800: #f0d193;
  --c-accent-tint: #33270f;
  --c-accent-ink: #241a08;
  --c-accent-soft: color-mix(in srgb, #d8a24a 16%, transparent);
  --grad: #d8a24a;
  --f-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-head: "Playfair Display", "PT Serif", Georgia, "Times New Roman", serif;
  --f-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --w-h1: 800;
  --w-h2: 700;
  --s-h1: clamp(31px, 5.4vw, 70px);
  --s-h2: clamp(25px, 3.4vw, 47px);
  --s-body: 18px;
  --r-card: 14px;
  --r-btn: 12px;
  --r-pill: 999px;
  --wrap: 1120px;
  --prose: 720px;
  --gap: 24px;
  --section: clamp(76px, 7.4vw, 116px);
  --shadow: 0 1px 1px rgba(0,0,0,.4), 0 4px 12px -4px rgba(0,0,0,.5), 0 18px 44px -18px rgba(0,0,0,.72);
  --border: 1px solid var(--c-line);
}
html{--layout: docs;}
body{--layout-name: "docs";}