/*fern-site-stylesheet*/@font-face {
    font-family: 'National-2';
    src: url('/_fern-files/markup-ai-prod.docs.buildwithfern.com/2576c38214c846d2c4aa665f08db3bc28e80d96711132a1f25f36b84217a6c60/docs/assets/fonts/national-2-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'National-2';
    src: url('/_fern-files/markup-ai-prod.docs.buildwithfern.com/4893ab43194d41fb72f5e9bb5c05a9b6faaed7df6a9b5d5959b264cc487b78f4/docs/assets/fonts/national-2-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'National-2';
    src: url('/_fern-files/markup-ai-prod.docs.buildwithfern.com/02fe004a5b4a4873e3fd3388c29a8eb7d591f69caf38023549dda81d2bc6574a/docs/assets/fonts/national-2-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'National-2';
    src: url('/_fern-files/markup-ai-prod.docs.buildwithfern.com/7ee2bf8abbfa8c26da18856cfdd34797340d911294c835fa9f6bccb97bd485ea/docs/assets/fonts/national-2-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Martina-Plantijn';
    src: url('/_fern-files/markup-ai-prod.docs.buildwithfern.com/2e872cca3d4d25ee18272d3c8e7e04fea2e0fbcac22ca98273428a4f910824af/docs/assets/fonts/martina-plantijn-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Martina-Plantijn';
    src: url('/_fern-files/markup-ai-prod.docs.buildwithfern.com/336788442da0c7d23f8dc49731e2c596aa90bd64426c1e8bc8bc5997ffa275b8/docs/assets/fonts/martina-plantijn-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Martina-Plantijn';
    src: url('/_fern-files/markup-ai-prod.docs.buildwithfern.com/8c16a68b0a40022532f9b5e755bd1fb4b697c73917dcd219635fa0b42ade2cbd/docs/assets/fonts/martina-plantijn-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Martina-Plantijn';
    src: url('/_fern-files/markup-ai-prod.docs.buildwithfern.com/937c804a97a20f800a84065e8b7daf461892be3c83ad188f0b5db04119624f00/docs/assets/fonts/martina-plantijn-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    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: 70px;
  --font-body: 'National-2', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: 'Martina-Plantijn', 'National-2', 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: #fffcfc;
  --accent-2: #fff8f6;
  --accent-3: #ffebe8;
  --accent-4: #ffdbd5;
  --accent-5: #ffccc5;
  --accent-6: #ffbcb4;
  --accent-7: #f8a79e;
  --accent-8: #f08c82;
  --accent-9: #ef4540;
  --accent-10: #e13432;
  --accent-11: #d32527;
  --accent-12: #651a17;

  --accent-a1: #ff000003;
  --accent-a2: #ff390009;
  --accent-a3: #ff220017;
  --accent-a4: #ff25002a;
  --accent-a5: #ff1f003a;
  --accent-a6: #ff1c014b;
  --accent-a7: #ed180061;
  --accent-a8: #e115007d;
  --accent-a9: #ea0700bf;
  --accent-a10: #da0300cd;
  --accent-a11: #cc0002da;
  --accent-a12: #560300e8;

  --accent-contrast: #fff;
  --accent-surface: #fff6f4cc;
  --accent-indicator: #ef4540;
  --accent-track: #ef4540;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --accent-1: oklch(99.4% 0.0033 26.67);
      --accent-2: oklch(98.3% 0.0085 26.67);
      --accent-3: oklch(95.6% 0.0227 26.67);
      --accent-4: oklch(92.7% 0.0504 26.67);
      --accent-5: oklch(89.5% 0.0664 26.67);
      --accent-6: oklch(85.6% 0.0804 26.67);
      --accent-7: oklch(80.6% 0.0971 26.67);
      --accent-8: oklch(74.4% 0.1227 26.67);
      --accent-9: oklch(63.7% 0.2075 26.67);
      --accent-10: oklch(59.7% 0.2094 26.67);
      --accent-11: oklch(56% 0.2075 26.67);
      --accent-12: oklch(34.1% 0.1075 26.67);

      --accent-a1: color(display-p3 0.6745 0.0235 0.0235 / 0.012);
      --accent-a2: color(display-p3 0.8941 0.2392 0.0235 / 0.036);
      --accent-a3: color(display-p3 0.8667 0.1451 0.0118 / 0.087);
      --accent-a4: color(display-p3 0.8549 0.149 0.0039 / 0.161);
      --accent-a5: color(display-p3 0.8588 0.1294 0.0039 / 0.22);
      --accent-a6: color(display-p3 0.8667 0.1294 0.0039 / 0.287);
      --accent-a7: color(display-p3 0.8 0.1098 0.0039 / 0.369);
      --accent-a8: color(display-p3 0.7608 0.0941 0.0039 / 0.475);
      --accent-a9: color(display-p3 0.8118 0.0549 0 / 0.714);
      --accent-a10: color(display-p3 0.7569 0.0471 0 / 0.769);
      --accent-a11: color(display-p3 0.7059 0.0353 0 / 0.808);
      --accent-a12: color(display-p3 0.2902 0.0235 0 / 0.895);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.9961 0.9647 0.9608 / 0.8);
      --accent-indicator: oklch(63.7% 0.2075 26.67);
      --accent-track: oklch(63.7% 0.2075 26.67);
    }
  }
}


.light, :root {
  --grayscale-1: #fdfdfc;
  --grayscale-2: #f9f9f8;
  --grayscale-3: #f1f0ef;
  --grayscale-4: #e9e8e6;
  --grayscale-5: #e2e1de;
  --grayscale-6: #dad9d6;
  --grayscale-7: #cfceca;
  --grayscale-8: #bcbbb5;
  --grayscale-9: #8d8d86;
  --grayscale-10: #82827c;
  --grayscale-11: #63635e;
  --grayscale-12: #21201c;

  --grayscale-a1: #55550003;
  --grayscale-a2: #25250007;
  --grayscale-a3: #20100010;
  --grayscale-a4: #1f150019;
  --grayscale-a5: #1f180021;
  --grayscale-a6: #19130029;
  --grayscale-a7: #19140035;
  --grayscale-a8: #1915014a;
  --grayscale-a9: #0f0f0079;
  --grayscale-a10: #0c0c0083;
  --grayscale-a11: #080800a1;
  --grayscale-a12: #060500e3;

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

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --grayscale-1: color(display-p3 0.992 0.992 0.989);
      --grayscale-2: color(display-p3 0.977 0.977 0.973);
      --grayscale-3: color(display-p3 0.943 0.942 0.936);
      --grayscale-4: color(display-p3 0.913 0.912 0.903);
      --grayscale-5: color(display-p3 0.885 0.883 0.873);
      --grayscale-6: color(display-p3 0.854 0.852 0.839);
      --grayscale-7: color(display-p3 0.813 0.81 0.794);
      --grayscale-8: color(display-p3 0.738 0.734 0.713);
      --grayscale-9: color(display-p3 0.553 0.553 0.528);
      --grayscale-10: color(display-p3 0.511 0.511 0.488);
      --grayscale-11: color(display-p3 0.388 0.388 0.37);
      --grayscale-12: color(display-p3 0.129 0.126 0.111);

      --grayscale-a1: #55550003;
      --grayscale-a2: #25250007;
      --grayscale-a3: #20100010;
      --grayscale-a4: #1f150019;
      --grayscale-a5: #1f180021;
      --grayscale-a6: #19130029;
      --grayscale-a7: #19140035;
      --grayscale-a8: #1915014a;
      --grayscale-a9: #0f0f0079;
      --grayscale-a10: #0c0c0083;
      --grayscale-a11: #080800a1;
      --grayscale-a12: #060500e3;

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


.dark {
  --accent-1: #000;
  --accent-2: #190d0b;
  --accent-3: #380f0c;
  --accent-4: #500b0b;
  --accent-5: #611312;
  --accent-6: #73221e;
  --accent-7: #8d322d;
  --accent-8: #b7433c;
  --accent-9: #ef4540;
  --accent-10: #e03533;
  --accent-11: #ff9084;
  --accent-12: #ffd2cc;

  --accent-a1: #00000000;
  --accent-a2: #ff857119;
  --accent-a3: #ff453738;
  --accent-a4: #ff242450;
  --accent-a5: #ff323061;
  --accent-a6: #ff4c4373;
  --accent-a7: #ff5b528d;
  --accent-a8: #ff5e54b7;
  --accent-a9: #ff4a44ef;
  --accent-a10: #ff3c3ae0;
  --accent-a11: #ff9084;
  --accent-a12: #ffd2cc;

  --accent-contrast: #fff;
  --accent-surface: #321a1680;
  --accent-indicator: #ef4540;
  --accent-track: #ef4540;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(0% 0.0138 26.67);
      --accent-2: oklch(17.4% 0.0214 26.67);
      --accent-3: oklch(23.6% 0.0656 26.67);
      --accent-4: oklch(28.1% 0.0998 26.67);
      --accent-5: oklch(32.7% 0.1111 26.67);
      --accent-6: oklch(38% 0.1155 26.67);
      --accent-7: oklch(44.8% 0.1248 26.67);
      --accent-8: oklch(54.1% 0.1518 26.67);
      --accent-9: oklch(63.7% 0.2075 26.67);
      --accent-10: oklch(59.7% 0.2075 26.67);
      --accent-11: oklch(78.4% 0.1736 26.67);
      --accent-12: oklch(90.1% 0.0539 26.67);

      --accent-a1: color(display-p3 0 0 0 / 0);
      --accent-a2: color(display-p3 0.9922 0.6039 0.4745 / 0.091);
      --accent-a3: color(display-p3 1 0.3529 0.2745 / 0.2);
      --accent-a4: color(display-p3 1 0.2471 0.2078 / 0.287);
      --accent-a5: color(display-p3 1 0.2941 0.2471 / 0.35);
      --accent-a6: color(display-p3 1 0.3804 0.3216 / 0.416);
      --accent-a7: color(display-p3 1 0.4314 0.3804 / 0.51);
      --accent-a8: color(display-p3 1 0.4431 0.3843 / 0.667);
      --accent-a9: color(display-p3 1 0.3765 0.3294 / 0.867);
      --accent-a10: color(display-p3 1 0.3373 0.2902 / 0.808);
      --accent-a11: color(display-p3 1 0.6235 0.5647 / 0.942);
      --accent-a12: color(display-p3 1 0.8549 0.8275 / 0.973);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.1804 0.102 0.0941 / 0.5);
      --accent-indicator: oklch(63.7% 0.2075 26.67);
      --accent-track: oklch(63.7% 0.2075 26.67);
    }
  }
}


.dark {
  --grayscale-1: #111110;
  --grayscale-2: #191918;
  --grayscale-3: #222221;
  --grayscale-4: #2a2a28;
  --grayscale-5: #31312e;
  --grayscale-6: #3b3a37;
  --grayscale-7: #494844;
  --grayscale-8: #62605b;
  --grayscale-9: #6f6d66;
  --grayscale-10: #7c7b74;
  --grayscale-11: #b5b3ad;
  --grayscale-12: #eeeeec;

  --grayscale-a1: #00000000;
  --grayscale-a2: #f4f4f309;
  --grayscale-a3: #f6f6f513;
  --grayscale-a4: #fefef31b;
  --grayscale-a5: #fbfbeb23;
  --grayscale-a6: #fffaed2d;
  --grayscale-a7: #fffbed3c;
  --grayscale-a8: #fff9eb57;
  --grayscale-a9: #fffae965;
  --grayscale-a10: #fffdee73;
  --grayscale-a11: #fffcf4b0;
  --grayscale-a12: #fffffded;

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

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --grayscale-1: color(display-p3 0.067 0.067 0.063);
      --grayscale-2: color(display-p3 0.098 0.098 0.094);
      --grayscale-3: color(display-p3 0.135 0.135 0.129);
      --grayscale-4: color(display-p3 0.164 0.163 0.156);
      --grayscale-5: color(display-p3 0.193 0.192 0.183);
      --grayscale-6: color(display-p3 0.23 0.229 0.217);
      --grayscale-7: color(display-p3 0.285 0.282 0.267);
      --grayscale-8: color(display-p3 0.384 0.378 0.357);
      --grayscale-9: color(display-p3 0.434 0.428 0.403);
      --grayscale-10: color(display-p3 0.487 0.481 0.456);
      --grayscale-11: color(display-p3 0.707 0.703 0.68);
      --grayscale-12: color(display-p3 0.933 0.933 0.926);

      --grayscale-a1: #00000000;
      --grayscale-a2: #f4f4f309;
      --grayscale-a3: #f6f6f513;
      --grayscale-a4: #fefef31b;
      --grayscale-a5: #fbfbeb23;
      --grayscale-a6: #fffaed2d;
      --grayscale-a7: #fffbed3c;
      --grayscale-a8: #fff9eb57;
      --grayscale-a9: #fffae965;
      --grayscale-a10: #fffdee73;
      --grayscale-a11: #fffcf4b0;
      --grayscale-a12: #fffffded;

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

.light, :root {
  color-scheme: light;
  --accent: rgba(239, 69, 64, 1);
  --background: rgba(255, 255, 255, 1);
  --border: initial;
  --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(239, 69, 64, 1);
  --background: rgba(0, 0, 0, 1);
  --border: initial;
  --sidebar-background: initial;
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: initial;
  --theme-color: #000;
}

/* Custom font-face definitions for Markup AI brand fonts */
/* @font-face {
    font-family: 'Martina Plantijn';
    src: url('./docs/assets/fonts/martina-plantijn-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('./docs/assets/fonts/martina-plantijn-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('./docs/assets/fonts/martina-plantijn-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('./docs/assets/fonts/martina-plantijn-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National 2';
    src: url('./docs/assets/fonts/national-2-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National 2';
    src: url('./docs/assets/fonts/national-2-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National 2';
    src: url('./docs/assets/fonts/national-2-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National 2';
    src: url('./docs/assets/fonts/national-2-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
} */

/* Apply fonts globally - National 2 for body, Martina Plantijn for headings */
/* body {
    font-family: 'National 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Martina Plantijn', Georgia, serif;
} */

:root {
  /* primary brand colors */
  --color-coral: #ef4540;
  --color-light-linen: #f9f8f2;
  --color-burgandy: #5d1a3c;
  --color-focus-accent: #5e1b2c;
  --color-primary-hover: #d6201a;
  --color-barely-sage: #d7dcdf;
  --color-barely-sage-alt: #cfd7d6;
  --color-ocean-rock: #333332;

  /* secondary brand colors */
  --color-chalk: #f7f6f7;
  --color-champagne: #eee8e0;
  --color-clay: #e6ddd3;
  --color-shell: #e6dfdf;

  --color-banker-pink: #f8c4d0;
  --color-sierra: #f9b5ac;
  --color-morocco: #eaa19b;
  --color-salmon: #f79f90;

  --color-calpe-roja: #f17c75;
  --color-saddle: #8c634e;
  --color-chili: #a63d2c;
  --color-merlot: #724a49;

  --color-pool-blue: #5dade0;
  --color-lapis-blue: #3a65b0;
  --color-delft-blue: #203d76;
  --color-midnight-blue: #283c49;

  --bg-secondary: oklch(92.3% 0.003 48.717);
  --border: lab(84.7909% 0.928015 1.59738);

  --color-coral-50: lab(55.8686% 65.1716 43.1111 / 0.5);
  --color-coral-100: lab(55.8686% 65.1716 43.1111 / 0.1);
  --color-stone-900: lab(9.03835% 1.15298 1.92955);
  --color-stone-50: lab(98.2686% -0.0991821 0.364304);
}

.dark {
  --bg-secondary: oklch(26.8% 0.007 34.298);
  --border: lab(27.3812% 1.32917 3.57789);
}

.fern-page-actions {
  display: none;
}

button:has(.lucide-mic) {
  display: none;
}

/* Hide feedback section globally */
.fern-layout-footer-toolbar {
  display: none;
}

/* Make code blocks wider for better readability */
.fern-container pre {
  max-width: none !important;
}

.fern-container code {
  max-width: none !important;
}

/* Adjust container width for code examples */
.fern-container .prose pre {
  max-width: 100% !important;
}

/* Ensure code blocks use full available width */
.fern-container [class*="language-"] {
  max-width: 100% !important;
}

/* Make inline code more readable */
.fern-container code:not(pre code) {
  padding: 0.2em 0.4em;
  white-space: nowrap;
}

/* MCP Examples grid tuning */
.mcp-card-grid .Cards {
  /* Ensure a responsive multi-column grid for Cards */
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.mcp-card-grid .Card {
  text-align: center;
}

/* Text-only MCP cards */
.mcp-card-grid .mcp-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 130px;
}

.mcp-card-grid .mcp-card-brand {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 1.25;
}

/* Category badges (reusable) */
:root {
  --category-coding: #203d76; /* Markup AI delft blue*/
  --category-chat: #734a49; /* Markup AI merlot */
}

.category-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--badge-color, currentColor);
}

.category-badge::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: var(--badge-color, currentColor);
}

.category-coding {
  --badge-color: var(--category-coding);
}
.category-chat {
  --badge-color: var(--category-chat);
}

.mcp-card-category {
  margin-top: 8px;
  opacity: 0.9;
}

.mcp-category-title {
  margin: 12px 0 8px;
}

.mcp-page-category {
  margin: 8px 0 16px;
}

/* Alerts */
.fern-callout .fern-callout svg {
  color: var(--color-stone-900);
}

.fern-callout[data-intent="tip"] {
  background-color: transparent;
  border-color: var(--border);
}

.fern-callout[data-intent="warning"] {
  background-color: var(--color-coral-100);
  border-color: lab(55.8686% 65.1716 43.1111 / 0.5);
}

.fern-callout[data-intent="error"] {
  background-color: var(--color-coral-100);
  border-color: var(--color-chili);
}

.dark .fern-callout,
.dark .fern-callout svg {
  color: var(--color-stone-50);
}

.dark .fern-callout[data-intent="tip"] {
  background-color: transparent;
  border-color: var(--border);
}

.dark .fern-callout[data-intent="warning"] {
  background-color: var(--color-coral-100);
  border-color: var(--color-coral-50);
}

/* API Method Badges */

:is(.fern-docs-badge.subtle, .fern-docs-badge.outlined).green,
:is(.fern-docs-badge.subtle, .fern-docs-badge.outlined).blue,
:is(.fern-docs-badge.subtle, .fern-docs-badge.outlined).orange,
:is(.fern-docs-badge.subtle, .fern-docs-badge.outlined).red {
  background-color: var(--color-champagne);
}

/* GET */
:is(
    .fern-docs-badge.subtle,
    .fern-docs-badge.outlined,
    .fern-docs-badge.outlined-subtle,
    .fern-docs-badge.subtle-solid-hover
  ).green {
  color: var(--color-saddle);
}

.fern-docs-badge.solid.green {
  background-color: var(--color-saddle);
  color: var(--color-stone-50);
}

/* POST */
:is(
    .fern-docs-badge.subtle,
    .fern-docs-badge.outlined,
    .fern-docs-badge.outlined-subtle,
    .fern-docs-badge.subtle-solid-hover
  ).blue {
  color: var(--color-lapis-blue);
}

.fern-docs-badge.solid.blue {
  background-color: var(--color-lapis-blue);
  color: var(--color-stone-50);
}

/* PATCH */
:is(
    .fern-docs-badge.subtle,
    .fern-docs-badge.outlined,
    .fern-docs-badge.outlined-subtle,
    .fern-docs-badge.subtle-solid-hover
  ).orange {
  color: var(--color-merlot);
}

.fern-docs-badge.solid.orange {
  background-color: var(--color-merlot);
  color: var(--color-stone-50);
}

/* DELETE */
:is(
    .fern-docs-badge.subtle,
    .fern-docs-badge.outlined,
    .fern-docs-badge.outlined-subtle,
    .fern-docs-badge.subtle-solid-hover
  ).red {
  color: var(--color-chili);
}

.fern-docs-badge.solid.red {
  background-color: var(--color-chili);
  color: var(--color-stone-50);
}

/* dropdowns */
.fern-button:not([disabled]).minimal.success {
  color: unset;
}

@media (hover: hover) {
  .fern-button:not([disabled]).minimal.success:hover {
    background-color: var(--bg-secondary);
    color: unset;
  }
}

/* App Directory: which agents each app runs (reuses .category-badge) */
:root {
  --agent-multi: #d6201a; /* Markup AI coral, darkened for contrast */
  --agent-style: #3a65b0; /* Markup AI lapis blue */
}

.dark {
  --agent-multi: #f17c75; /* calpe roja */
  --agent-style: #5dade0; /* pool blue */
}

.agent-multi {
  --badge-color: var(--agent-multi);
}
.agent-style {
  --badge-color: var(--agent-style);
}

.agent-multi::before,
.agent-style::before {
  display: none;
}