/*fern-site-stylesheet*/@font-face {
    font-family: 'Archivo';
    src: url('/_fern-files/aventurevc.docs.buildwithfern.com/7150c0ec5ad356453013d11affec1fbab95de0dd2dcecb043b4f1cb7f87c4ba4/docs/assets/fonts/Archivo-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Crimson Pro';
    src: url('/_fern-files/aventurevc.docs.buildwithfern.com/89374859da8085dbce486eed120a12abcab5a90e725f8b9c41a3e2b32bd010f6/docs/assets/fonts/CrimsonPro-Variable.woff2') format('woff2');
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'JetBrains Mono';
    src: url('/_fern-files/aventurevc.docs.buildwithfern.com/2c32b9b3ee358c119e210f6f5195f9bd34894d78a785ff2e95d60e718e400af4/docs/assets/fonts/JetBrainsMono-Variable.woff2') format('woff2');
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}

:root {
  --header-height: 64px;
  --header-height-real: 64px;
  --mobile-header-height-real: 64px;
  --content-width: 640px;
  --sidebar-width: 288px;
  --page-width: 100vw;
  --logo-height: 20px;
  --font-body: 'Archivo', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: 'Crimson Pro', 'Archivo', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-code: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

:root {
  --typography-body-font-family: var(--font-body);
  --typography-heading-font-family: var(--font-heading);
  --typography-code-font-family: var(--font-code);
}


.light, :root {
  --accent-1: #f4f9ff;
  --accent-2: #ecf5ff;
  --accent-3: #d9f0ff;
  --accent-4: #c8e8ff;
  --accent-5: #b5deff;
  --accent-6: #9bd0ff;
  --accent-7: #78beff;
  --accent-8: #47a5ff;
  --accent-9: #134e88;
  --accent-10: #003e76;
  --accent-11: #0066c3;
  --accent-12: #003972;

  --accent-a1: #f4f9ff;
  --accent-a2: #ecf5ff;
  --accent-a3: #d9f0ff;
  --accent-a4: #c8e8ff;
  --accent-a5: #b5deff;
  --accent-a6: #9bd0ff;
  --accent-a7: #78beff;
  --accent-a8: #47a5ff;
  --accent-a9: #00407eec;
  --accent-a10: #003e76;
  --accent-a11: #0066c3;
  --accent-a12: #003972;

  --accent-contrast: #fff;
  --accent-surface: #e9f4ffcc;
  --accent-indicator: #134e88;
  --accent-track: #134e88;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --accent-1: oklch(98% 0.0091 252.3);
      --accent-2: oklch(96.6% 0.0178 252.3);
      --accent-3: oklch(94.6% 0.0423 252.3);
      --accent-4: oklch(92% 0.0649 252.3);
      --accent-5: oklch(88.6% 0.0859 252.3);
      --accent-6: oklch(84.4% 0.107 252.3);
      --accent-7: oklch(78.8% 0.1341 252.3);
      --accent-8: oklch(71.1% 0.1691 252.3);
      --accent-9: oklch(42% 0.1127 252.3);
      --accent-10: oklch(36.2% 0.1127 252.3);
      --accent-11: oklch(51.1% 0.1691 252.3);
      --accent-12: oklch(34.7% 0.1127 252.3);

      --accent-a1: color(display-p3 0.9529 0.9765 1 / 0.75);
      --accent-a2: color(display-p3 0.9176 0.9529 1 / 0.75);
      --accent-a3: color(display-p3 0.749 0.8902 0.9961 / 0.5);
      --accent-a4: color(display-p3 0.6314 0.8275 0.9961 / 0.5);
      --accent-a5: color(display-p3 0.0118 0.5137 1 / 0.25);
      --accent-a6: color(display-p3 0.0039 0.4784 0.9843 / 0.339);
      --accent-a7: color(display-p3 0.0039 0.4471 0.9686 / 0.459);
      --accent-a8: color(display-p3 0 0.4235 0.9647 / 0.614);
      --accent-a9: color(display-p3 0 0.1843 0.4353 / 0.853);
      --accent-a10: color(display-p3 0 0.1647 0.3922 / 0.909);
      --accent-a11: color(display-p3 0 0.2745 0.6941 / 0.833);
      --accent-a12: color(display-p3 0 0.149 0.3804 / 0.917);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.9176 0.9569 1 / 0.8);
      --accent-indicator: oklch(42% 0.1127 252.3);
      --accent-track: oklch(42% 0.1127 252.3);
    }
  }
}


.light, :root {
  --grayscale-1: #fcfcfc;
  --grayscale-2: #f9f9f9;
  --grayscale-3: #f0f0f0;
  --grayscale-4: #e8e8e8;
  --grayscale-5: #e0e0e0;
  --grayscale-6: #d9d9d9;
  --grayscale-7: #cecece;
  --grayscale-8: #bbbbbb;
  --grayscale-9: #8d8d8d;
  --grayscale-10: #838383;
  --grayscale-11: #646464;
  --grayscale-12: #202020;

  --grayscale-a1: #00000003;
  --grayscale-a2: #00000006;
  --grayscale-a3: #0000000f;
  --grayscale-a4: #00000017;
  --grayscale-a5: #0000001f;
  --grayscale-a6: #00000026;
  --grayscale-a7: #00000031;
  --grayscale-a8: #00000044;
  --grayscale-a9: #00000072;
  --grayscale-a10: #0000007c;
  --grayscale-a11: #0000009b;
  --grayscale-a12: #000000df;

  --grayscale-contrast: #000;
  --grayscale-surface: #ffffffcc;
  --grayscale-indicator: #8d8d8d;
  --grayscale-track: #8d8d8d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --grayscale-1: color(display-p3 0.988 0.988 0.988);
      --grayscale-2: color(display-p3 0.975 0.975 0.975);
      --grayscale-3: color(display-p3 0.939 0.939 0.939);
      --grayscale-4: color(display-p3 0.908 0.908 0.908);
      --grayscale-5: color(display-p3 0.88 0.88 0.88);
      --grayscale-6: color(display-p3 0.849 0.849 0.849);
      --grayscale-7: color(display-p3 0.807 0.807 0.807);
      --grayscale-8: color(display-p3 0.732 0.732 0.732);
      --grayscale-9: color(display-p3 0.553 0.553 0.553);
      --grayscale-10: color(display-p3 0.512 0.512 0.512);
      --grayscale-11: color(display-p3 0.392 0.392 0.392);
      --grayscale-12: color(display-p3 0.125 0.125 0.125);

      --grayscale-a1: #00000003;
      --grayscale-a2: #00000006;
      --grayscale-a3: #0000000f;
      --grayscale-a4: #00000017;
      --grayscale-a5: #0000001f;
      --grayscale-a6: #00000026;
      --grayscale-a7: #00000031;
      --grayscale-a8: #00000044;
      --grayscale-a9: #00000072;
      --grayscale-a10: #0000007c;
      --grayscale-a11: #0000009b;
      --grayscale-a12: #000000df;

      --grayscale-contrast: #000;
      --grayscale-surface: color(display-p3 1 1 1 / 80%);
      --grayscale-indicator: color(display-p3 0.553 0.553 0.553);
      --grayscale-track: color(display-p3 0.553 0.553 0.553);
    }
  }
}


.dark {
  --accent-1: #27231f;
  --accent-2: #2d2720;
  --accent-3: #3f2f1e;
  --accent-4: #4f3411;
  --accent-5: #5a3c15;
  --accent-6: #674823;
  --accent-7: #7a582f;
  --accent-8: #976d39;
  --accent-9: #f9b25b;
  --accent-10: #eea850;
  --accent-11: #ffb862;
  --accent-12: #fde3c5;

  --accent-a1: #f915001f;
  --accent-a2: #fb330025;
  --accent-a3: #fc530038;
  --accent-a4: #ff5a0048;
  --accent-a5: #fd6b0054;
  --accent-a6: #ff820061;
  --accent-a7: #ff951b75;
  --accent-a8: #ffa23493;
  --accent-a9: #ffb55bf9;
  --accent-a10: #feb251ee;
  --accent-a11: #ffb862;
  --accent-a12: #ffe5c6fd;

  --accent-contrast: #2e1e0a;
  --accent-surface: #50290180;
  --accent-indicator: #f9b25b;
  --accent-track: #f9b25b;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(26% 0.0098 69.56);
      --accent-2: oklch(27.8% 0.0152 69.56);
      --accent-3: oklch(31.9% 0.0363 69.56);
      --accent-4: oklch(34.9% 0.0619 69.56);
      --accent-5: oklch(38.3% 0.0684 69.56);
      --accent-6: oklch(42.7% 0.0674 69.56);
      --accent-7: oklch(48.7% 0.0721 69.56);
      --accent-8: oklch(56.6% 0.0869 69.56);
      --accent-9: oklch(81.4% 0.1322 69.56);
      --accent-10: oklch(78.2% 0.1322 69.56);
      --accent-11: oklch(83.4% 0.1322 69.56);
      --accent-12: oklch(92.9% 0.0485 69.56);

      --accent-a1: color(display-p3 0.9922 0.098 0 / 0.089);
      --accent-a2: color(display-p3 0.9961 0.2471 0 / 0.114);
      --accent-a3: color(display-p3 1 0.3961 0 / 0.185);
      --accent-a4: color(display-p3 1 0.4157 0 / 0.244);
      --accent-a5: color(display-p3 1 0.4784 0 / 0.29);
      --accent-a6: color(display-p3 1 0.5686 0.0039 / 0.341);
      --accent-a7: color(display-p3 1 0.6353 0.1686 / 0.421);
      --accent-a8: color(display-p3 1 0.6863 0.2627 / 0.538);
      --accent-a9: color(display-p3 1 0.7529 0.4314 / 0.929);
      --accent-a10: color(display-p3 1 0.7373 0.3922 / 0.887);
      --accent-a11: color(display-p3 1 0.7608 0.4471 / 0.954);
      --accent-a12: color(display-p3 1 0.9137 0.7961 / 0.975);

      --accent-contrast: #2e1e0a;
      --accent-surface: color(display-p3 0.2745 0.1647 0.0157 / 0.5);
      --accent-indicator: oklch(81.4% 0.1322 69.56);
      --accent-track: oklch(81.4% 0.1322 69.56);
    }
  }
}


.dark {
  --grayscale-1: #121113;
  --grayscale-2: #1a191b;
  --grayscale-3: #232225;
  --grayscale-4: #2b292d;
  --grayscale-5: #323035;
  --grayscale-6: #3c393f;
  --grayscale-7: #49474e;
  --grayscale-8: #625f69;
  --grayscale-9: #6f6d78;
  --grayscale-10: #7c7a85;
  --grayscale-11: #b5b2bc;
  --grayscale-12: #eeeef0;

  --grayscale-a1: #00000000;
  --grayscale-a2: #f5f4f609;
  --grayscale-a3: #ebeaf814;
  --grayscale-a4: #eee5f81d;
  --grayscale-a5: #efe6fe25;
  --grayscale-a6: #f1e6fd30;
  --grayscale-a7: #eee9ff40;
  --grayscale-a8: #eee7ff5d;
  --grayscale-a9: #eae6fd6e;
  --grayscale-a10: #ece9fd7c;
  --grayscale-a11: #f5f1ffb7;
  --grayscale-a12: #fdfdffef;

  --grayscale-contrast: #fff;
  --grayscale-surface: rgba(0, 0, 0, 0.05);
  --grayscale-indicator: #6f6d78;
  --grayscale-track: #6f6d78;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --grayscale-1: color(display-p3 0.07 0.067 0.074);
      --grayscale-2: color(display-p3 0.101 0.098 0.105);
      --grayscale-3: color(display-p3 0.138 0.134 0.144);
      --grayscale-4: color(display-p3 0.167 0.161 0.175);
      --grayscale-5: color(display-p3 0.196 0.189 0.206);
      --grayscale-6: color(display-p3 0.232 0.225 0.245);
      --grayscale-7: color(display-p3 0.286 0.277 0.302);
      --grayscale-8: color(display-p3 0.383 0.373 0.408);
      --grayscale-9: color(display-p3 0.434 0.428 0.467);
      --grayscale-10: color(display-p3 0.487 0.48 0.519);
      --grayscale-11: color(display-p3 0.707 0.7 0.735);
      --grayscale-12: color(display-p3 0.933 0.933 0.94);

      --grayscale-a1: #00000000;
      --grayscale-a2: #f5f4f609;
      --grayscale-a3: #ebeaf814;
      --grayscale-a4: #eee5f81d;
      --grayscale-a5: #efe6fe25;
      --grayscale-a6: #f1e6fd30;
      --grayscale-a7: #eee9ff40;
      --grayscale-a8: #eee7ff5d;
      --grayscale-a9: #eae6fd6e;
      --grayscale-a10: #ece9fd7c;
      --grayscale-a11: #f5f1ffb7;
      --grayscale-a12: #fdfdffef;

      --grayscale-contrast: #fff;
      --grayscale-surface: color(display-p3 0 0 0 / 5%);
      --grayscale-indicator: color(display-p3 0.434 0.428 0.467);
      --grayscale-track: color(display-p3 0.434 0.428 0.467);
    }
  }
}

.light, :root {
  color-scheme: light;
  --accent: rgba(19, 78, 136, 1);
  --background: rgba(251, 251, 251, 1);
  --border: rgba(204, 210, 227, 1);
  --sidebar-background: rgba(240, 242, 245, 1);
  --header-background: rgba(251, 251, 251, 1);
  --card-background: rgba(240, 242, 245, 1);
  --theme-color: #fbfbfb;
}

.dark {
  color-scheme: dark;
  --accent: rgba(249, 178, 91, 1);
  --background: rgba(10, 37, 64, 1);
  --border: rgba(58, 84, 112, 1);
  --sidebar-background: rgba(7, 28, 49, 1);
  --header-background: rgba(7, 28, 49, 1);
  --card-background: rgba(18, 48, 79, 1);
  --theme-color: #0a2540;
}

/* aVenture docs theme overrides. Colors and fonts come from docs.yml; this file
   only tunes what those tokens cannot reach. */

/* Crimson Pro has a small x-height, so headings need more size and less
   weight than Fern's Inter-tuned defaults. */
h1.fern-page-heading {
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.fern-prose h2 {
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: 0;
}

.fern-prose h3 {
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: 0;
}

/* Section headings render at item weight by default, which flattens the
   nested navigation into one list. */
.fern-sidebar-heading {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--grayscale-a11);
}

/* Fern's accent-alpha fill turns brown under the orange dark accent. */
.dark .fern-sidebar-link[data-state="active"] {
  background-color: rgb(255 255 255 / 0.08);
}

/* Links use the exact brand accent instead of Fern's derived step. */
.fern-mdx-link {
  color: var(--accent);
  text-underline-offset: 3px;
}

/* Inline code takes the accent by default; under the orange dark accent that
   made every identifier compete with links. */
.dark .fern-prose :not(pre) > code {
  color: var(--grayscale-12);
  border-color: var(--border);
}

.fern-mdx-link code {
  color: inherit;
}

.fern-card.interactive:hover {
  border-color: var(--accent);
}
.fern-card.interactive:focus-visible {
  border-color: var(--accent); outline: none;
}

/* MDX tab titles are h6 elements, so they inherit the serif heading font;
   their first-child negative margin also pulls the bar onto a preceding table. */
h6[role="tab"] {
  font-family: inherit;
}

div:has(> .fern-x-overflow > h6[role="tab"]) {
  margin-top: 1.25rem;
}

/* docs.yml sets page-actions.options.ask-ai: false, but the published site
   still renders the page-level Ask button, duplicating the header's Ask AI. */
.fern-page-actions > button[title="Ask a question about this page"],
.fern-page-actions > button[title="Ask a question about this page"] + span[aria-hidden="true"] {
  display: none;
}

/* Welcome hero: a short brand band, tinted with the accent. */
.welcome-hero-tint {
  position: relative;
  display: block;
  border-radius: calc(var(--radius) * 3);
  overflow: hidden;
}

.welcome-hero-tint img {
  width: 100%;
  aspect-ratio: 5 / 1;
  object-fit: cover;
  margin: 0 !important;
}

.welcome-hero-tint::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--accent-9, var(--accent-primary));
  mix-blend-mode: color;
  opacity: 0.5;
  pointer-events: none;
  border-radius: inherit;
  z-index: 1;
}

/* Fern's navbar button and header tabs render no focus ring of their own. */
.fern-header-navbar-links .fern-button.fern-button:focus-visible,
.fern-header-tabs a[role="tab"]:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: calc(var(--radius) * 2);
}

/* Dotted property keys (a.b.c.d) have no break opportunity and widened
   endpoint pages past a 390px viewport. */
.fern-api-property-key {
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* Endpoint URL path segments render at grayscale step 9 (3.5:1 on navy). */
.font-mono > [class~="text-(color:--grayscale-a9)"] {
  color: var(--grayscale-a11);
}

/* Code blocks always use the dark syntax theme (docs.yml dark-mode-code). It
   colors nested JSON keys #916B53, 2.8:1 on the code background; this brown
   keeps the hue at 5.6:1. */
span[style*="#916B53" i] {
  --shiki-dark: #c9a07f !important;
}

/* Comments render #8a8a8a, 3.9:1 on the code background. */
span[style*="#8a8a8a" i] {
  --shiki-dark: #a9b4c2 !important;
}

/* 10-12px method and status badges need 4.5:1; Fern's defaults measure
   3.2:1 (solid) and 4.1 to 4.5:1 (subtle, light theme). */
.fern-docs-badge.solid.green {
  background-color: #1a7f4b;
}

.fern-docs-badge.solid.blue {
  background-color: #134e88;
}

html.light .fern-docs-badge.subtle.red {
  color: #a3000a;
}

html.light .fern-docs-badge.subtle.blue {
  color: #004f9e;
}

html.light .fern-docs-badge.subtle.green {
  color: #00613a;
}

/* Subtle blue badges measure 3.3:1 on navy. Snippet cards are always dark
   (dark-mode-code), but Fern keeps light-theme badge colors inside them in
   light mode, which left POST and 200 at 1.2:1. */
html.dark .fern-docs-badge.subtle.blue,
html.light .fern-endpoint-code-snippets .fern-docs-badge.subtle.blue {
  color: #8ec5ff;
}

html.light .fern-endpoint-code-snippets .fern-docs-badge.subtle {
  color: #d6dee8;
  background-color: rgb(255 255 255 / 0.1);
}

html.light .fern-endpoint-code-snippets .fern-docs-badge.subtle.green {
  color: #7ee2a8;
}

html.light .fern-endpoint-code-snippets .fern-docs-badge.subtle:is(.red, .orange, .amber) {
  color: #ffb08a;
}

/* Note and warning callout text measure 4.3 to 4.4:1 in the light theme. */
html.light .fern-callout[data-intent="note"] {
  color: #00579f;
}

html.light .fern-callout[data-intent="warning"] {
  color: #8a5000;
}

/* Code-block copy controls appear only on hover, which touch screens lack. */
@media (hover: none) {

  .fern-code-block > div:has(> button[aria-label="Copy to clipboard"]) {
    opacity: 1;
    pointer-events: auto;
  }

}

/* Search and Ask AI form one capsule, like the desktop app's command bar:
   Search opens the search sheet (which also offers Ask AI), and the attached
   segment opens the Ask AI panel directly. */
.fern-header-content :has(> #fern-ask-ai-button) {
  gap: 0;
  border: 1px solid var(--border);
  border-radius: 999px;
  background-color: var(--grayscale-a2);
}

.fern-header-content :has(> #fern-ask-ai-button) > #fern-search-button {
  border-radius: 999px 0 0 999px;
  box-shadow: none;
  padding-inline: 0.875rem 0.5rem;
}

.fern-header-content #fern-ask-ai-button {
  border: 0;
  border-left: 1px solid var(--border);
  border-radius: 0 999px 999px 0;
  box-shadow: none;
  background: transparent;
  padding-inline: 0.75rem 0.875rem;
}

.fern-header-content #fern-ask-ai-button:hover {
  background-color: var(--grayscale-a3);
}
.fern-header-content #fern-ask-ai-button:focus-visible {
  background-color: var(--grayscale-a3); outline: none;
}

.fern-header-content :has(> #fern-ask-ai-button) > :focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

/* Below the md breakpoint the capsule shrinks to two icon buttons beside the
   menu, so the logo keeps its room. Labels stay in the accessibility tree. */
@media (max-width: 767px) {

  .fern-header-content :is(:has(> #fern-ask-ai-button), :has(> div > #fern-ask-ai-button)) {
    flex: none;
    width: fit-content;
  }

  .fern-header-mobile-menu-button {
    flex: none;
  }

  .fern-header-content :has(> #fern-ask-ai-button) > * {
    flex: none;
    width: 2.75rem;
    height: 2.5rem;
    justify-content: center;
    padding: 0;
  }

  .fern-header-content :has(> #fern-ask-ai-button) > #fern-search-button {
    font-size: 0;
  }

  .fern-header-content :has(> #fern-ask-ai-button) .fern-kbd {
    display: none;
  }

  .fern-header-content #fern-ask-ai-button .fern-button-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

}

/* Pushed iOS web views keep a 44px native back button 8px inside the safe
   area (native-back-button.js). Leave 12px more before the logo and before the
   search sheet's own close arrow, matching aventure.vc. */
html[data-native-back-button="true"] .fern-header-content,
html[data-native-back-button="true"] [data-cmdk-fern-header] {
  padding-left: calc(env(safe-area-inset-left) + 4rem);
}
