/* BNB edition: warm carbon, champagne highlights, and a precise gold accent.
   Scope shared controls to body so dynamically appended legacy styles keep
   their layout while inheriting this palette. Hidden/disabled states stay intact. */
:root {
  color-scheme: dark;
  --bnb-black: #080705;
  --bnb-surface: #0f0d08;
  --bnb-raised: #161209;
  --bnb-gold: #f0b90b;
  --bnb-champagne: #dec580;
  --bnb-ivory: #f8f3e5;
  --bnb-muted: #afa792;
  --bnb-subtle: #928874;
  --bnb-line: #332b19;
  --bnb-line-hover: #796027;
  --bg: var(--bnb-black);
  --bg-2: var(--bnb-surface);
  --bg-3: var(--bnb-raised);
  --ink: var(--bnb-ivory);
  --ink-2: var(--bnb-muted);
  --muted: var(--bnb-subtle);
  --accent: var(--bnb-gold);
  --good: var(--bnb-champagne);
  --line: #dec58024;
  --line-2: var(--bnb-line);
}
html, body { background: var(--bnb-black); color: var(--bnb-ivory); }
body ::selection { background: var(--bnb-gold); color: #171005; }
body .mono-hero, body .f-home, body .f-directory, body .mono-features-open,
body .f-faq, body .f-cta, body .b-footer { background: var(--bnb-black); }
body .h1, body .mono-hero-copy h1, body .f-home h2 { color: var(--bnb-ivory); }
body .lede, body .page-head .lede, body .fine { color: var(--bnb-muted); }
body .eyebrow, body .f-eyebrow, body .f-section-heading .f-eyebrow { color: var(--bnb-champagne); }

/* A familiar lockup and navigation, now framed with a fine brass rule. */
body .nav { background: #080705ed; border-color: var(--bnb-line); }
body .nav-logo .al-lockup > span, body .b-footer .al-lockup > span { color: var(--bnb-ivory); }
body .nav-logo .al-lockup > img, body .b-footer .al-lockup > img,
body .al-product-preview .f-console-top img {
  filter: sepia(1) saturate(2.3) hue-rotate(354deg) brightness(.94);
}
body .nav-links a, body .nav-end .nav-x-link { color: var(--bnb-muted); }
body .nav-links a:hover, body .nav-end .nav-x-link:hover { color: var(--bnb-gold); background: #dec5800c; }
body .nav-sheet { background: var(--bnb-surface); border-color: var(--bnb-line); }
body .nav-sheet a { color: var(--bnb-ivory); border-color: var(--bnb-line); }
body .nav-sheet a > span { color: var(--bnb-champagne); }
body .nav-burger { border-color: #594622; background: transparent; }
body .nav-burger span { background: var(--bnb-champagne); }
body .b-skip { background: var(--bnb-gold); color: #171005; }

body .btn {
  background: var(--bnb-gold); border-color: var(--bnb-gold); color: #171005;
  box-shadow: inset 0 1px 0 #ffe9a333;
}
body .btn:hover { background: #ffd157; border-color: #ffd157; color: #171005; }
body .btn.ghost { background: #dec58005; border-color: #594622; color: var(--bnb-champagne); box-shadow: none; }
body .btn.ghost:hover { background: #dec58012; border-color: #9e7b2b; color: #ffe4a0; }
body .btn:disabled { cursor: not-allowed; }
body :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--bnb-gold); outline-offset: 4px;
}

/* The second line and fine diamonds echo BNB without changing the hero scale. */
body .mono-hero-copy h1 > span { color: var(--bnb-gold); }
body .mono-hero-kicker { color: var(--bnb-champagne); }
body .mono-hero-kicker > span:first-child {
  width: 6px; height: 6px; background: var(--bnb-gold); transform: rotate(45deg);
  box-shadow: 0 0 15px #f0b90b48;
}
body .mono-hero-kicker > span:last-child { color: var(--bnb-subtle); }
body .mono-intro { color: var(--bnb-muted); }
body .mono-hero-copy .f-actions > .btn.lg {
  border-radius: 11px 23px 23px 11px;
  box-shadow: 0 5px 25px #f0b90b0d, inset 0 1px 0 #ffe9a355;
}
body .mono-hero-copy .f-actions > .btn.lg > span { background: #171005; color: var(--bnb-gold); }
body .mono-explore { color: var(--bnb-champagne); }
body .mono-explore:hover { color: #ffe3a0; }
body .mono-network { border-color: var(--bnb-line); }
body .mono-network > div + div { border-color: var(--bnb-line); }
body .mono-network > div > span { color: var(--bnb-subtle); }
body .mono-network strong, body .mono-network a { color: var(--bnb-champagne); }
body .mono-character { background: transparent; }
body .mono-character-image, body .mono-character-canvas { mix-blend-mode: lighten; }
body .mono-art-caption { color: var(--bnb-subtle); }
body .mono-art-caption > span > i { color: #725b2b; }
body .mono-motion-toggle { color: var(--bnb-muted); }
body .mono-motion-toggle:hover { color: var(--bnb-gold); }
body .mono-hero-footer { border-color: var(--bnb-line); color: var(--bnb-champagne); }
body .mono-hero-footer p > span, body .mono-hero-footer a { color: var(--bnb-muted); }
body .mono-hero-footer a:hover { color: var(--bnb-gold); }

/* Existing particle illustrations retain their silhouettes and grain. */
body .mono-feature-card > img, body .mono-features-open .mono-feature-card > img,
body .cap-hero-art { filter: sepia(1) saturate(2.5) hue-rotate(354deg) brightness(.9); }
body .mono-feature-card { background: var(--bnb-surface); border-color: var(--bnb-line); }
body .mono-feature-card:hover { border-color: var(--bnb-line-hover); }
body .mono-features-open .mono-feature-card { background: none; }
body .mono-features-open .mono-section-intro { border-color: var(--bnb-line); }
body .mono-features-open .mono-tag { color: var(--bnb-champagne); }
body .mono-section-intro > p, body .mono-features-open .mono-section-intro > p,
body .mono-feature-card p, body .mono-features-open .mono-feature-card p { color: var(--bnb-muted); }
body .mono-feature-card h3 { color: var(--bnb-ivory); }
body .mono-feature-card h3 > span { color: #aa8843; }
body .mono-feature-card:hover h3 > span { color: var(--bnb-gold); }
body .mono-features-open .mono-feature-index { color: var(--bnb-champagne); }
body .mono-feature-index::before {
  content: ''; display: inline-block; width: 4px; height: 4px; margin: 0 9px 1px 1px;
  border: 1px solid #a38342; transform: rotate(45deg);
}

/* Market totals, filters, and rows share the same warm dark surfaces. */
body .autonomy-metrics { border-color: var(--bnb-line); background: var(--bnb-line); border-radius: 10px; }
body .autonomy-metrics > div { background: linear-gradient(135deg, #151107, #0c0b07); }
body .autonomy-metrics dt { color: var(--bnb-muted); }
body .autonomy-metrics dd { color: var(--bnb-champagne); }
body .f-link { color: var(--bnb-champagne); }
body .f-link:hover { color: var(--bnb-gold); }
body .f-market-panel { background: var(--bnb-black); border-color: var(--bnb-line); border-radius: 12px; }
body .f-market-toolbar, body .f-table-footer { background: var(--bnb-surface); border-color: var(--bnb-line); }
body .f-tabs button { color: var(--bnb-muted); }
body .f-tabs button:hover { color: var(--bnb-ivory); }
body .f-tabs button.is-active, body .market-controls [aria-pressed="true"] {
  background: #f0b90b17; border-color: #806224; color: #f5cc63;
}
body .f-search { background: #080705; border-color: #44371d; color: var(--bnb-muted); }
body .f-search:focus-within { border-color: var(--bnb-gold); }
body .f-search input { color: var(--bnb-ivory); }
body .f-search input::placeholder { color: var(--bnb-subtle); opacity: 1; }
body .f-search kbd { border-color: #44371d; color: var(--bnb-subtle); background: #181309; }
body .market-controls { border-color: var(--bnb-line); }
body .market-controls label { color: var(--bnb-muted); }
body .market-controls select { background: #0b0906; border-color: #44371d; color: var(--bnb-ivory); }
body .f-table-labels { background: #100d08; color: var(--bnb-subtle); border-color: var(--bnb-line); }
body .b-featured-grid .cc { border-color: var(--bnb-line); }
body .b-featured-grid .cc:hover { background: #dec58007; }
body .b-featured-grid .cc-name { color: var(--bnb-ivory); }
body .b-featured-grid .cc-mind, body .b-featured-grid .cc-model { color: var(--bnb-muted); }
body .b-featured-grid .cc-stats dd { color: var(--bnb-champagne); }
body .market-save { background: var(--bnb-surface); color: var(--bnb-muted); border-color: #67502b; }
body .market-save[aria-pressed="true"] { background: #f0b90b1c; color: var(--bnb-gold); }
body .f-table-footer, body .f-empty { color: var(--bnb-muted); }
body .f-table-footer a { color: var(--bnb-champagne); }
body .f-dot { background: var(--bnb-gold); }

/* The preview, network story, and footer carry quieter champagne details. */
body .f-workspace-copy > p:not(.f-eyebrow) { color: var(--bnb-muted); }
body .al-product-preview .f-console { background: var(--bnb-surface); border-color: #4a391b; border-radius: 12px; }
body .al-product-preview .f-console-top, body .al-product-preview .f-console-footer {
  background: #171208; border-color: var(--bnb-line); color: var(--bnb-muted);
}
body .al-product-preview .f-preview-label { background: #f0b90b12; color: var(--bnb-champagne); }
body .al-product-preview .f-console-id h3 { color: var(--bnb-ivory); }
body .al-product-preview .f-console-id p, body .al-product-preview .f-code-label,
body .al-product-preview .f-config-row > span, body .al-product-preview .f-console-callout { color: var(--bnb-muted); }
body .al-product-preview .f-avatar { background: #f0b90b0f; border-color: #6f5522; }
body .al-product-preview .f-avatar > span, body .f-console-symbol { color: var(--bnb-champagne); }
body .al-product-preview .f-console-tabs { border-color: var(--bnb-line); }
body .al-product-preview .f-console-tabs button { color: var(--bnb-muted); }
body .al-product-preview .f-console-tabs button[aria-selected="true"] { color: var(--bnb-gold); border-color: var(--bnb-gold); }
body .al-product-preview .f-config-row strong { color: var(--bnb-ivory); }
body .al-product-preview .f-tags > span { background: #dec58009; color: var(--bnb-champagne); border-color: #47391f; }
body .al-product-preview .f-console-footer .f-dot { background: var(--bnb-gold); }
body .f-console-footer a, body .f-output-note a { color: var(--bnb-champagne); }
body .f-log strong, body .f-output-note h4, body .al-principles h3, body .f-flow h3 { color: var(--bnb-ivory); }
body .f-log p, body .f-output-note p, body .al-principles p, body .f-flow p { color: var(--bnb-muted); }
body .al-principles article { border-color: var(--bnb-line); }
body .al-principles article > span { color: #b89950; }
body .f-orbio { background: #0c0a06; border-color: var(--bnb-line); }
body .f-orbio h2 > span, body .f-cta h2 > span { color: var(--bnb-champagne); }
body .f-orbio-intro p { color: var(--bnb-muted); }
body .f-flow article { background: #080705; border-color: var(--bnb-line); }
body .f-flow .f-label, body .f-flow-arrow { color: #b89950; }
body .f-status-tag { background: #f0b90b0b; border-color: #614c23; color: var(--bnb-champagne); }
body .f-status-tag i { background: var(--bnb-gold); }
body .f-orbio-bottom { border-color: var(--bnb-line); }
body .f-orbio-bottom p { color: var(--bnb-muted); }
body .f-faq-list details, body .f-cta, body .b-footer-main, body .b-footer-bottom { border-color: var(--bnb-line); }
body .f-faq-list summary { color: var(--bnb-ivory); }
body .f-faq-list summary > span { color: var(--bnb-champagne); }
body .f-faq-list p, body .b-footer-brand p, body .b-footer-col { color: var(--bnb-muted); }
body .b-footer-col > span, body .b-footer-bottom { color: var(--bnb-subtle); }
body .b-footer a:hover { color: var(--bnb-gold); }

/* Launch studio and local settings: all existing form behavior is preserved. */
body .studio-heading h1 { color: var(--bnb-ivory); }
body .studio-heading > p:last-child { color: var(--bnb-muted); }
body .studio-panel, body .mind-panel, body .dir .cc, body .fblock, body .summary,
body .doc-card, body .cap-row, body .cmap-grid > *, body .dk-col, body .dk-card {
  background: var(--bnb-surface); border-color: var(--bnb-line);
}
body .studio-panel h2, body .local-settings .mind-panel h2 { color: var(--bnb-ivory); }
body .studio-panel input:not([type="checkbox"]), body .studio-panel textarea, body .studio-panel select,
body .local-settings input, body .local-settings select, body .field input, body .field textarea, body .field select {
  background: #090805; border-color: #49391d; color: var(--bnb-ivory);
}
body .studio-panel input:focus, body .studio-panel textarea:focus, body .studio-panel select:focus {
  outline-color: var(--bnb-gold); border-color: #a68027;
}
body .studio-panel input::placeholder, body .studio-panel textarea::placeholder,
body .local-settings input::placeholder { color: var(--bnb-subtle); opacity: 1; }
body input[type="checkbox"], body input[type="radio"] { accent-color: var(--bnb-gold); }
body .studio-hint, body .studio-panel label > span, body .studio-panel label > small,
body .studio-panel h2 > span, body .studio-picture-controls small, body .local-settings .fine,
body .local-settings .mind-panel > p { color: var(--bnb-muted); }
body .studio-hint a, body .studio-text-button, body .local-settings .mind-panel > a { color: var(--bnb-champagne); }
body .studio-steps, body .studio-links, body .studio-facts > div,
body .studio-preview dl > div, body .studio-summary-block, body .studio-model-selection { border-color: var(--bnb-line); }
body .studio-steps button { color: var(--bnb-muted); }
body .studio-steps button:disabled { color: var(--bnb-subtle); }
body .studio-steps button[aria-current="step"] { color: var(--bnb-gold); border-color: var(--bnb-gold); }
body .studio-step-number { border-color: #594622; }
body .studio-steps button[aria-current="step"] .studio-step-number { background: var(--bnb-gold); border-color: var(--bnb-gold); color: #171005; }
body .studio-steps button.is-complete .studio-step-number { border-color: #9e7b2b; color: var(--bnb-champagne); }
body .studio-step-status, body .studio-draft-actions { color: var(--bnb-subtle); }
body .studio-facts dt, body .studio-preview dt, body .studio-summary-heading h3,
body .studio-summary-title > [data-summary="symbol"] { color: var(--bnb-muted); }
body .studio-facts dd, body #studio-symbol { color: var(--bnb-champagne); }
body .studio-picture-field > img { background: #171209; border-color: #594622; }
body .studio-picture-field > img[src="/brand/agentlaunch-mark.svg"],
body .studio-preview > img[src="/brand/agentlaunch-mark.svg"] { filter: sepia(1) saturate(2.3) hue-rotate(354deg) brightness(.94); }
body .studio-provider, body .studio-model-card { background: #100d08; border-color: #44371d; color: var(--bnb-ivory); }
body .studio-provider:hover, body .studio-model-card:hover { background: #211909; border-color: #8d6e29; }
body .studio-provider[aria-selected="true"], body .studio-model-card[aria-checked="true"] {
  background: #f0b90b12; border-color: var(--bnb-gold); color: var(--bnb-ivory);
}
body .studio-provider.has-selection::after { background: var(--bnb-gold); }
body .studio-model-card[aria-checked="true"] .studio-model-check { background: var(--bnb-gold); border-color: var(--bnb-gold); color: #171005; }
body .studio-model-heading { border-color: var(--bnb-line); }
body .studio-model-heading h3, body .studio-provider-heading h3 { color: var(--bnb-ivory); }
body .studio-model-cost small, body .studio-model-id, body .studio-provider > small,
body .studio-provider-heading > span { color: var(--bnb-muted); }
body .studio-model-check { border-color: #7c622d; }
body .studio-review { background: var(--bnb-surface); color: var(--bnb-ivory); border-color: #796027; }
body .studio-review p { color: var(--bnb-muted); }

/* Wallet and search dialogs keep recognizable provider colors. */
body .autonomy-wallet, body .site-search-dialog {
  background: #100d08; color: var(--bnb-ivory); border-color: #6b5224;
  box-shadow: 0 24px 100px #000b, inset 0 1px 0 #dec58017;
}
body .autonomy-wallet::backdrop, body .site-search-dialog::backdrop, body .studio-review::backdrop { background: #050401c4; }
body .autonomy-wallet p, body .autonomy-wallet .aw-tag, body .autonomy-wallet .aw-footnote { color: var(--bnb-muted); }
body .autonomy-wallet .aw-eyebrow { color: var(--bnb-champagne); }
body .autonomy-wallet .aw-close { color: var(--bnb-champagne); }
body .autonomy-wallet .aw-option { background: #181309; border-color: #49391d; color: var(--bnb-ivory); }
body .autonomy-wallet .aw-option:hover, body .autonomy-wallet .aw-option:focus-visible {
  background: #f0b90b12; border-color: #ac832b; outline-color: var(--bnb-gold);
}
body .autonomy-wallet .aw-help { border-color: var(--bnb-line); }
body .autonomy-wallet .aw-help-title { color: var(--bnb-champagne); }
body .autonomy-wallet .aw-disconnect { background: #1c1509; border-color: #806224; color: var(--bnb-champagne); }
body .site-search-input { background: #080705; border-color: #594622; color: var(--bnb-ivory); }
body .site-search-results a { border-color: var(--bnb-line); color: var(--bnb-ivory); }
body .site-search-results a:hover, body .site-search-results a:focus-visible { background: #f0b90b0c; border-color: #a68027; }
body .site-search-results p, body .site-search-results small { color: var(--bnb-muted); }

/* Documentation mirrors the product palette, with comfortable text contrast. */
body .autonomy-guide-docs {
  --autonomy-guide-line: var(--bnb-line);
  --autonomy-guide-muted: var(--bnb-muted);
  --autonomy-guide-surface: var(--bnb-surface);
  background: var(--bnb-black); color: var(--bnb-ivory);
}
body .autonomy-guide-hero h1 > span { color: var(--bnb-gold); }
body .autonomy-guide-eyebrow, body .autonomy-guide-heading-label,
body .autonomy-guide-sidebar-title svg, body .autonomy-guide-card-top { color: var(--bnb-champagne); }
body .autonomy-guide-sidebar nav a, body .autonomy-guide-prose,
body .autonomy-guide-hero > p, body .autonomy-guide-article-head > p,
body .autonomy-guide-card p, body .autonomy-guide-quicksteps p { color: var(--bnb-muted); }
body .autonomy-guide-sidebar nav a:hover, body .autonomy-guide-sidebar nav a[aria-current="page"] {
  background: #f0b90b12; color: var(--bnb-champagne);
}
body .autonomy-guide-primary { background: var(--bnb-gold); color: #171005 !important; }
body .autonomy-guide-primary:hover { background: #ffd157; }
body .autonomy-guide-card:hover, body .autonomy-guide-quicksteps > a:hover,
body .autonomy-guide-pager a:hover { background: #f0b90b07; border-color: var(--bnb-line-hover); }
body .autonomy-guide-prose h2, body .autonomy-guide-prose strong { color: var(--bnb-ivory); }
body .autonomy-guide-prose p a, body .autonomy-guide-prose li a { color: var(--bnb-champagne); text-decoration-color: #7e622b; }
body .autonomy-guide-note, body .autonomy-guide-example,
body .autonomy-guide-flow > div, body .autonomy-guide-split > div { background: var(--bnb-surface); border-color: #554321; }
body .autonomy-guide-note { border-left-color: var(--bnb-gold); }
body .autonomy-guide-note p, body .autonomy-guide-example > p,
body .autonomy-guide-flow small, body .autonomy-guide-split p { color: var(--bnb-muted); }
body .autonomy-guide-prose th { background: #171209; color: var(--bnb-champagne); }
body .autonomy-guide-prose td:first-child { color: var(--bnb-ivory); }
body .autonomy-guide-copy, body .autonomy-guide-inline-cta { border-color: #594622; color: var(--bnb-champagne) !important; }
body .autonomy-guide-inline-cta:hover { background: #f0b90b0c; }
body .autonomy-guide-nav-label, body .autonomy-guide-breadcrumb, body .autonomy-guide-outline nav a,
body .autonomy-guide-section-heading > span, body .autonomy-guide-quicksteps > a > span,
body .autonomy-guide-docs-end > span { color: var(--bnb-subtle); }
body .autonomy-guide-outline nav a[aria-current="location"], body .autonomy-guide-outline nav a:hover { color: var(--bnb-gold); }
body .autonomy-guide-faq summary, body .autonomy-guide-pager strong { color: var(--bnb-ivory); }
body .autonomy-guide-menu-toggle { color: var(--bnb-champagne); }

@media (max-width: 700px) {
  body .mono-hero-copy .f-actions > .btn.lg { border-radius: 9px 23px 23px 9px; }
  body .mono-features-open .mono-feature-card + .mono-feature-card,
  body .studio-grid aside { border-color: var(--bnb-line); }
}
@media (prefers-reduced-motion: reduce) {
  body .mono-feature-card > img, body .mono-feature-card h3 > span,
  body .mono-explore > span { transition: none; transform: none; }
}
@media (max-width: 380px) {
  body .nav-end .nav-x-link { display: none; }
}
/* Supersede the original mint form palette, including its important rules. */
body .mind-page .mind-panel {
  background: var(--bnb-surface); border-color: var(--bnb-line);
}
body .field input, body .field textarea, body .field select {
  background: #090805 !important; border-color: #49391d !important;
  color: var(--bnb-ivory) !important;
}
body .field input:focus, body .field textarea:focus, body .field select:focus {
  border-color: var(--bnb-gold) !important;
}