/*fern-site-stylesheet*/@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/db78085858cab83dc93ee9a2989bcbbd7194122de104c3e4e4ffb64d5b788c93/fonts/OceanicGrotesk-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/02b6b13dbed30e5d4adcc7f60047a01bfda2ad08b1fbbf9cb18141d3eeefe07b/fonts/OceanicGrotesk-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/0a5a600de57f5edf569d57a132e785a436441d722560bde369c7820f1e7b0f67/fonts/OceanicGrotesk-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/d739aafdf75e745746f2bb729d324d1af62230c1d0b1a7f75aecb84bd21a68ce/fonts/OceanicGrotesk-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/920ffc4f42de1c4678fe5a16a2b9084732d9feae891a7c2c4eeeebf2137dc313/fonts/OceanicGrotesk-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/4c3539b058a1407c222e2489632bac7c8bc5a645317c2e60b795fc5cbc31ab98/fonts/OceanicGrotesk-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/28b3a40546e71801f3a75fdca607682364689bca8656f8c5efe7d055e1d8c0ab/fonts/OceanicGrotesk-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/a13a446b7bb693c881550d240633ae2f1b199b3b010107293b8f50a4b577acc5/fonts/OceanicGrotesk-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/2c56c7c80c7922695c0f1b872bdec1fa4cba7f2037ac295239190fa804b78328/fonts/OceanicGrotesk-Extrabold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/e5d5f41358d59d9d31dd0874129eea0a7b2c7d456216c9128e88b65893cc60c7/fonts/OceanicGrotesk-ExtraboldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/cb577a7c5bfd45cea82d50e8959fee893bbee84c8322a88a63b4273434e9c27c/fonts/OceanicGrotesk-Poster.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oceanic Grotesk';
    src: url('/_fern-files/andel.docs.buildwithfern.com/99db23878a613423e6d7ff96ec6a5ab0c407df0fd3f54b39533dec3c587b887b/fonts/OceanicGrotesk-PosterItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'American Grotesk Compressed';
    src: url('/_fern-files/andel.docs.buildwithfern.com/940c3af72410cd056b6125466b2536422f9ef4d6f2c9016de7b49585eeebe244/fonts/AmericanGroteskCompressed-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'American Grotesk Compressed';
    src: url('/_fern-files/andel.docs.buildwithfern.com/a3c496fd80739d507f2da7c9e738aae0ad3dec3c59f0fdbf8ea8b5ca4add68bc/fonts/AmericanGroteskCompressed-Regular.woff2') format('woff2');
    font-weight: 400;
    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: 24px;
  --font-body: 'Oceanic Grotesk', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: 'American Grotesk Compressed', 'Oceanic Grotesk', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-code: 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: #fcfdfa;
  --accent-2: #f7fbf2;
  --accent-3: #e9fad2;
  --accent-4: #dcf4b8;
  --accent-5: #ceeba0;
  --accent-6: #bede8b;
  --accent-7: #abcc74;
  --accent-8: #92b74a;
  --accent-9: #bdf24d;
  --accent-10: #b2e838;
  --accent-11: #607d20;
  --accent-12: #34411d;

  --accent-a1: #66990005;
  --accent-a2: #63b1000d;
  --accent-a3: #83e3002d;
  --accent-a4: #82d80047;
  --accent-a5: #7cca005f;
  --accent-a6: #71b70074;
  --accent-a7: #65a2008b;
  --accent-a8: #669a00b5;
  --accent-a9: #a1ed00b2;
  --accent-a10: #9ce200c7;
  --accent-a11: #496a00df;
  --accent-a12: #1a2900e2;

  --accent-contrast: #1d250f;
  --accent-surface: #f5faefcc;
  --accent-indicator: #bdf24d;
  --accent-track: #bdf24d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --accent-1: oklch(99.3% 0.0047 125.7);
      --accent-2: oklch(98.3% 0.0133 125.7);
      --accent-3: oklch(96.2% 0.0542 125.7);
      --accent-4: oklch(93.5% 0.083 125.7);
      --accent-5: oklch(90.2% 0.1034 125.7);
      --accent-6: oklch(85.8% 0.1126 125.7);
      --accent-7: oklch(80.1% 0.1198 125.7);
      --accent-8: oklch(73.1% 0.1433 125.7);
      --accent-9: oklch(89.4% 0.196 125.7);
      --accent-10: oklch(86.4% 0.2013 125.7);
      --accent-11: oklch(54.9% 0.1228 125.7);
      --accent-12: oklch(35.4% 0.0593 125.7);

      --accent-a1: color(display-p3 0.4118 0.6078 0.0196 / 0.02);
      --accent-a2: color(display-p3 0.4314 0.6745 0.0235 / 0.048);
      --accent-a3: color(display-p3 0.5373 0.8549 0.0039 / 0.161);
      --accent-a4: color(display-p3 0.5412 0.8157 0.0039 / 0.255);
      --accent-a5: color(display-p3 0.5098 0.7608 0.0039 / 0.342);
      --accent-a6: color(display-p3 0.451 0.6824 0.0039 / 0.42);
      --accent-a7: color(display-p3 0.3961 0.6 0 / 0.506);
      --accent-a8: color(display-p3 0.3804 0.5569 0 / 0.648);
      --accent-a9: color(display-p3 0.6353 0.902 0 / 0.589);
      --accent-a10: color(display-p3 0.6 0.8471 0 / 0.648);
      --accent-a11: color(display-p3 0.2627 0.3686 0 / 0.812);
      --accent-a12: color(display-p3 0.0941 0.1412 0 / 0.867);

      --accent-contrast: #1d250f;
      --accent-surface: color(display-p3 0.9647 0.9804 0.9373 / 0.8);
      --accent-indicator: oklch(89.4% 0.196 125.7);
      --accent-track: oklch(89.4% 0.196 125.7);
    }
  }
}


.light, :root {
  --grayscale-1: #fcfdfc;
  --grayscale-2: #f8faf8;
  --grayscale-3: #eff1ef;
  --grayscale-4: #e7e9e7;
  --grayscale-5: #dfe2df;
  --grayscale-6: #d7dad7;
  --grayscale-7: #cccfcc;
  --grayscale-8: #b9bcb8;
  --grayscale-9: #898e87;
  --grayscale-10: #7f847d;
  --grayscale-11: #60655f;
  --grayscale-12: #1d211c;

  --grayscale-a1: #00550003;
  --grayscale-a2: #00490007;
  --grayscale-a3: #00200010;
  --grayscale-a4: #00160018;
  --grayscale-a5: #00180020;
  --grayscale-a6: #00140028;
  --grayscale-a7: #000f0033;
  --grayscale-a8: #040f0047;
  --grayscale-a9: #050f0078;
  --grayscale-a10: #040e0082;
  --grayscale-a11: #020a00a0;
  --grayscale-a12: #010600e3;

  --grayscale-contrast: #000;
  --grayscale-surface: #ffffffcc;
  --grayscale-indicator: #898e87;
  --grayscale-track: #898e87;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --grayscale-1: color(display-p3 0.989 0.992 0.989);
      --grayscale-2: color(display-p3 0.974 0.98 0.973);
      --grayscale-3: color(display-p3 0.939 0.945 0.937);
      --grayscale-4: color(display-p3 0.907 0.914 0.905);
      --grayscale-5: color(display-p3 0.878 0.885 0.875);
      --grayscale-6: color(display-p3 0.846 0.855 0.843);
      --grayscale-7: color(display-p3 0.803 0.812 0.8);
      --grayscale-8: color(display-p3 0.727 0.738 0.723);
      --grayscale-9: color(display-p3 0.541 0.556 0.532);
      --grayscale-10: color(display-p3 0.5 0.515 0.491);
      --grayscale-11: color(display-p3 0.38 0.395 0.374);
      --grayscale-12: color(display-p3 0.117 0.129 0.111);

      --grayscale-a1: #00550003;
      --grayscale-a2: #00490007;
      --grayscale-a3: #00200010;
      --grayscale-a4: #00160018;
      --grayscale-a5: #00180020;
      --grayscale-a6: #00140028;
      --grayscale-a7: #000f0033;
      --grayscale-a8: #040f0047;
      --grayscale-a9: #050f0078;
      --grayscale-a10: #040e0082;
      --grayscale-a11: #020a00a0;
      --grayscale-a12: #010600e3;

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


.dark {
  --accent-1: #2c2f27;
  --accent-2: #2f3428;
  --accent-3: #39422c;
  --accent-4: #424e2e;
  --accent-5: #4a5930;
  --accent-6: #526433;
  --accent-7: #5c7235;
  --accent-8: #688238;
  --accent-9: #c9ff5c;
  --accent-10: #c3f369;
  --accent-11: #bbeb60;
  --accent-12: #def9b6;

  --accent-a1: #ff04442c;
  --accent-a2: #ff23472f;
  --accent-a3: #ff655239;
  --accent-a4: #ff8d5442;
  --accent-a5: #ffaa554a;
  --accent-a6: #ffc15952;
  --accent-a7: #ffd9595c;
  --accent-a8: #ffee5968;
  --accent-a9: #c9ff5c;
  --accent-a10: #cfff6df0;
  --accent-a11: #cfff67e6;
  --accent-a12: #e4febaf8;

  --accent-contrast: #1d250f;
  --accent-surface: #5e312f80;
  --accent-indicator: #c9ff5c;
  --accent-track: #c9ff5c;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(30% 0.0161 125.7);
      --accent-2: oklch(31.7% 0.0216 125.7);
      --accent-3: oklch(36.4% 0.0383 125.7);
      --accent-4: oklch(40.4% 0.0525 125.7);
      --accent-5: oklch(44% 0.0647 125.7);
      --accent-6: oklch(47.7% 0.0767 125.7);
      --accent-7: oklch(51.9% 0.0894 125.7);
      --accent-8: oklch(56.8% 0.1056 125.7);
      --accent-9: oklch(93.3% 0.196 125.7);
      --accent-10: oklch(90.3% 0.174 125.7);
      --accent-11: oklch(87.9% 0.174 125.7);
      --accent-12: oklch(94.6% 0.0915 125.7);

      --accent-a1: color(display-p3 0.9961 0 0.3216 / 0.107);
      --accent-a2: color(display-p3 0.9961 0.1216 0.3333 / 0.12);
      --accent-a3: color(display-p3 1 0.4784 0.4 / 0.166);
      --accent-a4: color(display-p3 1 0.6588 0.4275 / 0.205);
      --accent-a5: color(display-p3 1 0.7647 0.4314 / 0.243);
      --accent-a6: color(display-p3 1 0.8275 0.4471 / 0.281);
      --accent-a7: color(display-p3 0.9961 0.9216 0.451 / 0.324);
      --accent-a8: color(display-p3 1 0.9843 0.4588 / 0.379);
      --accent-a9: color(display-p3 0.8392 1 0.4667 / 0.99);
      --accent-a10: color(display-p3 0.8549 1 0.5137 / 0.935);
      --accent-a11: color(display-p3 0.8549 1 0.4902 / 0.895);
      --accent-a12: color(display-p3 0.9176 1 0.7647 / 0.965);

      --accent-contrast: #1d250f;
      --accent-surface: color(display-p3 0.298 0.1922 0.1804 / 0.5);
      --accent-indicator: oklch(93.3% 0.196 125.7);
      --accent-track: oklch(93.3% 0.196 125.7);
    }
  }
}


.dark {
  --grayscale-1: #101211;
  --grayscale-2: #171918;
  --grayscale-3: #202221;
  --grayscale-4: #272a29;
  --grayscale-5: #2e3130;
  --grayscale-6: #373b39;
  --grayscale-7: #444947;
  --grayscale-8: #5b625f;
  --grayscale-9: #63706b;
  --grayscale-10: #717d79;
  --grayscale-11: #adb5b2;
  --grayscale-12: #eceeed;

  --grayscale-a1: #00000000;
  --grayscale-a2: #f0f2f108;
  --grayscale-a3: #f3f5f412;
  --grayscale-a4: #f2fefd1a;
  --grayscale-a5: #f1fbfa22;
  --grayscale-a6: #edfbf42d;
  --grayscale-a7: #edfcf73c;
  --grayscale-a8: #ebfdf657;
  --grayscale-a9: #dffdf266;
  --grayscale-a10: #e5fdf674;
  --grayscale-a11: #f4fefbb0;
  --grayscale-a12: #fdfffeed;

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

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --grayscale-1: color(display-p3 0.064 0.07 0.067);
      --grayscale-2: color(display-p3 0.092 0.098 0.094);
      --grayscale-3: color(display-p3 0.128 0.135 0.131);
      --grayscale-4: color(display-p3 0.155 0.164 0.159);
      --grayscale-5: color(display-p3 0.183 0.193 0.188);
      --grayscale-6: color(display-p3 0.218 0.23 0.224);
      --grayscale-7: color(display-p3 0.269 0.285 0.277);
      --grayscale-8: color(display-p3 0.362 0.382 0.373);
      --grayscale-9: color(display-p3 0.398 0.438 0.421);
      --grayscale-10: color(display-p3 0.453 0.49 0.474);
      --grayscale-11: color(display-p3 0.685 0.709 0.697);
      --grayscale-12: color(display-p3 0.927 0.933 0.93);

      --grayscale-a1: #00000000;
      --grayscale-a2: #f0f2f108;
      --grayscale-a3: #f3f5f412;
      --grayscale-a4: #f2fefd1a;
      --grayscale-a5: #f1fbfa22;
      --grayscale-a6: #edfbf42d;
      --grayscale-a7: #edfcf73c;
      --grayscale-a8: #ebfdf657;
      --grayscale-a9: #dffdf266;
      --grayscale-a10: #e5fdf674;
      --grayscale-a11: #f4fefbb0;
      --grayscale-a12: #fdfffeed;

      --grayscale-contrast: #fff;
      --grayscale-surface: color(display-p3 0 0 0 / 5%);
      --grayscale-indicator: color(display-p3 0.398 0.438 0.421);
      --grayscale-track: color(display-p3 0.398 0.438 0.421);
    }
  }
}

.light, :root {
  color-scheme: light;
  --accent: rgba(201, 255, 92, 1);
  --background: rgba(255, 255, 255, 1);
  --border: rgba(222, 229, 226, 1);
  --sidebar-background: initial;
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: initial;
  --theme-color: #fff;
}

.dark {
  color-scheme: dark;
  --accent: rgba(201, 255, 92, 1);
  --background: rgba(0, 56, 33, 1);
  --border: rgba(0, 36, 21, 1);
  --sidebar-background: initial;
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: initial;
  --theme-color: #003821;
}

/* Andel Docs — custom theme */

:root {
  /* grey */
  --grey-1: #f5faf8;
  --grey-2: #dee5e2;
  --grey-3: #c7d1cd;
  --grey-4: #8a928f;
  --grey-5: #636d69;
  --grey-6: #454d49;
  --grey-7: #1d2622;
  --black: #00120b;

  /* greens */
  --ever-green: #003821;
  --vital-green: #c9ff5c;
  --dark-green: #002415;
  --ever-green: #003821;
  --light-green: #085233;
  --lighter-green: #17734c;
  --lightest-green: #3d996b;
  --green-plus-lighter: #3dcc85;

  /* supporting colors */
  --pink: #f98eff;
  --orange: #ff7340;
  --cyan: #91f2f2;
}

/* ══════════════════════════════════════════════════════
   GLOBAL FONT APPLICATION
   ══════════════════════════════════════════════════════ */

h1,
h2,
h3 {
  font-family: "American Grotesk Compressed" !important;
  letter-spacing: 1% !important;
  text-transform: uppercase !important;
}

body,
p,
a,
button,
input,
li,
td,
h4,
h5,
h6 {
  font-family: "Oceanic Grotesk" !important;
}

/* ══════════════════════════════════════════════════════
   LIGHT MODE — CSS variable overrides
   ══════════════════════════════════════════════════════ */

:root:not(.dark) header [role="tab"] {
  color: var(--grey-4) !important;
}
:root:not(.dark) header [aria-selected="true"],
:root:not(.dark) header [data-state="active"] {
  color: var(--lighter-green) !important;
  font-weight: 400 !important;
}

:root:not(.dark) header [data-state="inactive"]::after,
:root:not(.dark) header [aria-selected="false"]::after {
  background-color: transparent !important;
}
:root:not(.dark) header [data-state="active"]::after,
:root:not(.dark) header [aria-selected="true"]::after {
  background-color: var(--lighter-green) !important;
}

:root:not(.dark) code:not(pre code) {
  color: var(--lighter-green) !important;
}

:root:not(.dark) a.fern-sidebar-link[data-state="active"] {
  background-color: var(--lightest-green) !important;
  color: white !important;
  border-radius: 4px !important;
}

:root:not(.dark) a.fern-mdx-link {
  color: var(--lighter-green) !important;
}

:root:not(.dark) a.fern-card {
  border-color: var(--lighter-green) !important;
}

:root:not(.dark) .card-icon {
  color: var(--lighter-green) !important;
}

:root:not(.dark) .fern-page-subtitle p {
  color: var(--grey-7) !important;
}

:root:not(.dark) .toc-root a[class*="accent"] {
  color: var(--lighter-green) !important;
}

:root:not(.dark) .toc-root::after {
  background-color: var(--lighter-green) !important;
}

:root:not(.dark) .fern-callout[data-intent="warning"] {
  background-color: #FFF8F5 !important;
  border-color: var(--orange) !important;
  color: var(--grey-7) !important;
}

:root:not(.dark) .fern-callout[data-intent="warning"] svg {
  color: var(--orange) !important;
}

:root:not(.dark) a.fern-card:hover {
  background-color: #17734C0F !important;
}
:root:not(.dark) a.fern-card:focus-visible {
  background-color: #17734C0F !important;
}

:root:not(.dark) .fern-button:not([disabled]).outlined:hover {
  background-color: var(--accent-a3) !important;
}
:root:not(.dark) .fern-button:not([disabled]).outlined:focus-visible {
  background-color: var(--accent-a3) !important;
}

:root:not(.dark) #fern-ask-ai-button-icon {
  fill: var(--lightest-green) !important;
}

/* ══════════════════════════════════════════════════════
   SIDEBAR — shared styles (both light & dark mode)
   ══════════════════════════════════════════════════════ */

/* Section headings: formatting only, no color (color set per-mode below) */
.fern-sidebar-heading,
.fern-sidebar-heading-content {
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1% !important;
  font-size: 18px !important;
  font-family: American Grotesk Compressed;
}

button.fern-sidebar-link:has(+ ul .fern-sidebar-link[data-state="active"])
  .fern-sidebar-link-title,
button.fern-sidebar-link:has(+ ul .fern-sidebar-link[data-state="active"])
  .fern-sidebar-link-title-inner {
  font-weight: 600 !important;
}

.fern-callout[data-intent="note"] {
  background-color: rgba(23, 115, 76, 0.06) !important;
  color: var(--lighter-green) !important;
  border-color: var(--lighter-green) !important;
}

.fern-callout[data-intent="note"] svg {
  color: var(--lighter-green) !important;
}

.fern-sidebar-group-level-2 {
  border-left: 1px solid rgba(0, 56, 33, 0.2) !important;
  margin-left: 8px !important;
}

a.fern-sidebar-link[data-state="active"] svg {
  color: white !important;
}

a.fern-breadcrumb-item {
  color: var(--lighter-green) !important;
}

/* ══════════════════════════════════════════════════════
   DARK MODE — CSS variable overrides
   ══════════════════════════════════════════════════════ */

:root.dark {
  --sidebar-background: var(--dark-green);
  --header-background: var(--ever-green);
  --card-background: var(--dark-green);
  --border: var(--light-green);
}

:root.dark .fern-background-image {
  background-image: none;
}

:root.dark .fern-sidebar-desktop {
  background-color: #003821 !important;
}

:root.dark .fern-sidebar-heading,
:root.dark .fern-sidebar-heading-content {
  color: var(--vital-green) !important;
}

:root.dark .fern-sidebar-link,
:root.dark .fern-sidebar-link-title,
:root.dark .fern-sidebar-link-title-inner {
  color: var(--grey-2) !important;
}

:root.dark .fern-sidebar-link:hover .fern-sidebar-link-title,
:root.dark .fern-sidebar-link:hover .fern-sidebar-link-title-inner {
  color: var(--vital-green) !important;
}
:root.dark .fern-sidebar-link:focus-within .fern-sidebar-link-title,
:root.dark .fern-sidebar-link:focus-within .fern-sidebar-link-title-inner {
  color: var(--vital-green) !important;
}

:root.dark .fern-sidebar-link .expand-indicator[data-state="active"] {
  background-color: transparent !important;
}

:root.dark
  a.fern-sidebar-link[data-state="active"]
  .fern-sidebar-link-title-inner {
  color: var(--grey-7) !important;
}

:root.dark .fern-sidebar-group-level-2 {
  border-left-color: rgba(0, 36, 21, 0.6) !important;
  border-left: 1px solid var(--light-green) !important;
  margin-left: 8px !important;
}

:root.dark header {
  background-color: var(--header-background) !important;
  border-bottom-color: var(--border) !important;
}
:root.dark header * {
  color: white !important;
}
:root.dark header [aria-selected="true"],
:root.dark header [data-state="active"] {
  color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
}

:root.dark .fern-layout-reference .hover\:bg-\(color\:--red-a2\):hover {
  background-color: var(--light-green) !important;
}
:root.dark .fern-layout-reference .hover\:bg-\(color\:--red-a2\):focus-visible {
  background-color: var(--light-green) !important;
}

:root.dark .bg-\(color\:--accent-a3\) {
  background-color: var(--light-green) !important;
}

:root.dark body {
  color: var(white);
}
:root.dark h1,
:root.dark h2,
:root.dark h3,
:root.dark h4,
:root.dark h5,
:root.dark h6 {
  color: var(white) !important;
}
:root.dark p,
:root.dark li,
:root.dark td,
:root.dark th,
:root.dark dt,
:root.dark dd {
  color: var(--grey-1);
}
:root.dark a:not([class*="fern-sidebar"]) {
  color: var(--grey-1) !important;
}

:root.dark a:not([class*="fern-sidebar"]):hover {
  background-color: var(--light-green) !important;
}
:root.dark a:not([class*="fern-sidebar"]):focus-visible {
  background-color: var(--light-green) !important;
}

:root.dark button:not([class*="fern-sidebar"]):hover {
  background-color: var(--light-green) !important;
}
:root.dark button:not([class*="fern-sidebar"]):focus-visible {
  background-color: var(--light-green) !important;
}

:root.dark .fern-dropdown .fern-dropdown-item:hover {
  background-color: var(--vital-green) !important;
}
:root.dark .fern-dropdown .fern-dropdown-item:focus-visible {
  background-color: var(--vital-green) !important;
}

:root.dark code:not(pre code) {
  color: #c7eb81 !important;
  background-color: rgba(201, 255, 92, 0.1) !important;
  border-color: rgba(201, 255, 92, 0.15) !important;
}

:root.dark pre {
  background-color: var(--grey-1) !important;
  border-color: var(--border) !important;
}

:root.dark pre code {
  color: var(--grey-4) !important;
}
:root.dark hr {
  border-color: var(--border) !important;
}
:root.dark .fern-callout[data-intent="note"] {
  background-color: var(--dark-green);
  border-color: var(--vital-green);
}

:root.dark .fern-callout[data-intent="note"] svg {
  color: var(--vital-green);
}

:root.dark a.fern-sidebar-link[data-state="active"] {
  background-color: var(--vital-green) !important;
  border-radius: 4px !important;
}

:root.dark a.fern-sidebar-link[data-state="active"]:hover {
  color: var(--grey-7) !important;
}
:root.dark a.fern-sidebar-link[data-state="active"]:focus-visible {
  color: var(--grey-7) !important;
}

:root.dark .fern-sidebar-link:hover {
  background-color: var(--light-green) !important;
}
:root.dark .fern-sidebar-link:focus-visible {
  background-color: var(--light-green) !important;
}

:root.dark .fern-sidebar-link svg {
  color: var(--lightest-green) !important;
}

:root.dark .fern-sidebar-link[data-state="active"] svg {
  color: var(--ever-green) !important;
}

:root.dark a.fern-sidebar-link[data-state="active"] {
  background-color: var(--vital-green) !important;
  color: var(--grey-7) !important;
  border-radius: 4px !important;
}

:root.dark .toc-root::after {
  background-color: var(--vital-green) !important;
}