/* CAAFRAL cocoa palette — shared across every embedded experience */
:root {
  --caafral-background: #1b140f;
  --caafral-cocoa: #2a1f17;
  --caafral-espresso: #362623;
  --caafral-ivory: #eee9d9;
  --caafral-warm-gray: #c9c2b8;
  --caafral-blue: #61accd;
  --caafral-cacao: #9a6041;
  --caafral-sand: #d7b88d;

  --ink: var(--caafral-background);
  --white: var(--caafral-ivory);
  --cream: var(--caafral-ivory);
  --sand: var(--caafral-sand);
  --linen: var(--caafral-warm-gray);
  --cocoa: var(--caafral-cocoa);
  --coffee: var(--caafral-espresso);
  --mocha: var(--caafral-cacao);
  --beige-warm: var(--caafral-sand);

  --bg: var(--caafral-background);
  --bg2: var(--caafral-cocoa);
  --surface: var(--caafral-espresso);
  --surface2: var(--caafral-cacao);
  --gold: var(--caafral-sand);
  --gold2: var(--caafral-ivory);
  --gold-light: var(--caafral-ivory);
  --gold-dim: color-mix(in srgb, var(--caafral-sand) 38%, transparent);
  --beige: var(--caafral-ivory);
  --beige2: var(--caafral-warm-gray);
  --choco: var(--caafral-cocoa);
  --choco2: var(--caafral-cacao);
  --green: var(--caafral-blue);
  --green2: var(--caafral-blue);
  --teal: var(--caafral-blue);
  --text: var(--caafral-ivory);
  --text2: var(--caafral-warm-gray);
  --text3: var(--caafral-sand);

  --brown-950: var(--caafral-background);
  --brown-900: var(--caafral-cocoa);
  --brown-800: var(--caafral-espresso);
  --brown-700: var(--caafral-cacao);
  --brown-600: var(--caafral-cacao);
  --brown-500: var(--caafral-cacao);
  --brown-400: var(--caafral-sand);
  --cream-dark: var(--caafral-warm-gray);
  --text-muted: var(--caafral-cacao);

  --color-void-black: var(--caafral-background);
  --color-pure-white: var(--caafral-ivory);
  --color-charcoal: var(--caafral-cocoa);
  --color-graphite: var(--caafral-espresso);
  --color-lamp-cream: var(--caafral-sand);
  --color-smoke: var(--caafral-warm-gray);
  --hairline: color-mix(in srgb, var(--caafral-warm-gray) 18%, transparent);
  --hairline-strong: color-mix(in srgb, var(--caafral-sand) 38%, transparent);
  --glass-fill: color-mix(in srgb, var(--caafral-cocoa) 76%, transparent);
  --inset: var(--caafral-background);
  --inset-hover: var(--caafral-espresso);
}

::selection { background: var(--caafral-blue); color: var(--caafral-background); }
:focus-visible { outline-color: var(--caafral-blue); }

/* Normalize legacy one-off surfaces so the palette reads consistently. */
body,
.bg-black { background-color: var(--caafral-background) !important; }
.text-white { color: var(--caafral-ivory) !important; }
.section-wrap,
.hero,
.trust-bar,
.demand-strip,
.footer,
.sidebar,
.sidebar-logo,
.topbar,
.composer,
.document-tools,
.cta-strip { background-color: var(--caafral-background) !important; }
.sq-card,
.category-link,
.chat-shell,
.msg--agent .msg-bubble,
.composer-inner,
.details-card,
.tool-card,
.sidebar-card,
.card,
.lot-card,
.comp-card,
.shp-card,
.partner-card,
.inbox-list,
.mail-item,
.inbox-kpi,
.origin-card,
.cta-panel,
.access-item { background-color: var(--caafral-cocoa) !important; }
.spec-item,
.cup-note,
.why-item,
.other-product,
.form-group select,
.form-group input,
.calc-result,
.sample-form input,
.pillar-icon { background-color: var(--caafral-espresso) !important; }
.composer,
header[style*="background:rgba(0,0,0"] { background-color: var(--caafral-background) !important; }
.msg--user .msg-bubble,
.round-btn--send,
.brand-mark { background: var(--caafral-sand) !important; color: var(--caafral-background) !important; }
.msg-agent-name,
.brand-name { color: var(--caafral-sand) !important; }

/* Tier headings in the agents catalog: gold on the cocoa background. */
.tier-label,
.tier-price { color: var(--caafral-sand) !important; }

/* Logistics ticker strip: gold text (the --coffee alias resolves to dark espresso). */
.logistics-item { color: var(--caafral-sand) !important; }
.logistics-item .dot { background: var(--caafral-blue) !important; }
.section-copy,
.trust-row { color: var(--caafral-warm-gray) !important; }
.market-search,
.market-search input { background: var(--caafral-ivory) !important; color: var(--caafral-background) !important; }
.market-search a { background: var(--caafral-warm-gray) !important; color: var(--caafral-background) !important; }

/* Remove the former achromatic reskin while retaining deliberate image overlays. */
section[style*="background:#080808"] { background: var(--caafral-espresso) !important; }
.hero-visual { background: linear-gradient(155deg, var(--caafral-espresso), var(--caafral-cocoa)) !important; }
.btn-primary,
.nav-cta,
.round-btn--send { background: var(--caafral-sand) !important; color: var(--caafral-background) !important; }
.btn-secondary { color: var(--caafral-ivory) !important; border-color: var(--hairline-strong) !important; }

/* Agents experience: alternate cocoa surfaces instead of achromatic black. */
#hero,
.hero-scene,
.stats-strip,
.origins-section,
.agents-section,
.inbox-section,
.faq-section,
.logistics-band,
.interlude,
footer { background: var(--caafral-background) !important; }
.hero-scene {
  background: linear-gradient(145deg, var(--caafral-espresso), var(--caafral-background) 58%, var(--caafral-cocoa)) !important;
}
.logistics-band,
.interlude,
.agents-section,
.inbox-section,
.faq-section { background-color: var(--caafral-cocoa) !important; }
.stats-strip,
.origins-section,
.section-wrap,
.cta-strip { background-color: var(--caafral-espresso) !important; }
.pillar-card,
.agent-card,
.chat-container,
.inbox-console,
.field,
.chat-header,
.chat-input-area,
.quick-prompts,
.inbox-bar,
.chat-messages,
.inbox-pane,
.typing-indicator,
.answer-gen,
.check { background-color: var(--caafral-cocoa) !important; }
.hero-title,
.hero-title em,
.hero-sub,
.section-title,
.section-title em,
.section-desc,
.big-quote,
.big-quote em,
.pillar-name,
.pillar-sub,
.pillar-skills,
.skill-name,
.agent-card,
.agent-card-pain,
.agent-card-pitch,
.chat-agent-name,
.msg-bubble,
.pane-doctype,
.step-text,
.field-v,
.faq-q-text,
.faq-answer-inner,
.interlude-text p { color: var(--caafral-ivory) !important; }
.hero-eyebrow,
.stat-label,
.section-label,
.agent-card-pain,
.agent-card-pitch,
.faq-answer-inner,
.interlude-text p { color: var(--caafral-warm-gray) !important; }
.stat-num,
.section-title em,
.big-quote em,
.section-label,
.agent-card-name { color: var(--caafral-sand) !important; }
.chat-input { background: var(--caafral-espresso) !important; color: var(--caafral-ivory) !important; }
.send-btn,
.inbox-btn,
.cta-btn-white,
.cta-btn-green { background: var(--caafral-sand) !important; color: var(--caafral-background) !important; }

/* Embedded pages use content-based height so the site has one scrollbar only. */
.hero-bg { min-height: 720px !important; }
#hero { min-height: 760px !important; }
.mission-band { min-height: 680px !important; }
.mission-bg { height: 500px !important; }
.chat-shell { height: 700px !important; min-height: 0 !important; }
.chat-container { min-height: 620px !important; }

@media (max-width: 700px) {
  .hero-bg { min-height: 680px !important; }
  #hero { min-height: 700px !important; }
  .mission-band { min-height: 620px !important; }
  .mission-bg { height: 380px !important; }
  .chat-shell { height: 620px !important; }
  .chat-container { min-height: 580px !important; }
}