/* TradeLeo's shared brand. Loaded after each surface's component styles.
   Rust and charcoal keep small text readable; yellow carries the main actions. */
:root {
  --tl-charcoal: #252D29;
  --tl-yellow: #EAB84A;
  --tl-sage: #EEF1E9;
  --tl-ivory: #FAF9F5;
  --tl-slate: #6E746F;
  --tl-muted: #59645E;
  --tl-line: #D4DBD2;
  --tl-rust: #8C3D25;
  --tl-yellow-wash: #FFF2CC;
  --tl-yellow-light: #F5D58D;
}
body.tradeleo-theme {
  --ink: var(--tl-charcoal);
  --green: var(--tl-charcoal);
  --paper: var(--tl-ivory);
  --mist: var(--tl-sage);
  --gold: var(--tl-yellow);
  --gold-light: var(--tl-yellow-wash);
  --accent: var(--tl-yellow);
  --rust: var(--tl-rust);
  --muted: var(--tl-muted);
  --line: var(--tl-line);
  color: var(--ink);
  background: var(--paper);
}
.tradeleo-theme :focus-visible { outline: 3px solid var(--tl-rust); outline-offset: 4px; }
.tradeleo-theme ::selection { color: var(--tl-charcoal); background: var(--tl-sage); }
.tradeleo-theme input, .tradeleo-theme select, .tradeleo-theme textarea { accent-color: var(--tl-charcoal); }
.tradeleo-theme .brand span, .tradeleo-theme .wordmark span,
.tradeleo-theme .tradeleo-dash-brand span { color: var(--tl-rust); }
/* Yellow is the main action color; rust belongs to the wordmark and small accents. */
.tradeleo-theme button.gold, .tradeleo-theme .button.gold,
.tradeleo-theme .rental-button, .tradeleo-theme .rental-rent,
.tradeleo-theme .credit-confirmation .confirm-purchase,
.tradeleo-theme .inquiry-save, .tradeleo-theme .lead-credit-submit,
.tradeleo-theme .standard-submit {
  background: var(--tl-yellow); color: var(--tl-charcoal); border-color: var(--tl-yellow);
  box-shadow: none;
}
.tradeleo-theme .eyebrow { color: var(--tl-rust); }
.tradeleo-theme .topbar, .tradeleo-theme .tradeleo-dash-header { background: #fff; border-bottom-color: var(--tl-line); }
.tradeleo-theme .shell > aside { background: var(--tl-charcoal); color: var(--tl-ivory); }
.tradeleo-theme .shell > aside nav button { color: var(--tl-sage); }
.tradeleo-theme .shell > aside nav button:hover { background: var(--tl-charcoal); }
.tradeleo-theme .shell > aside nav button[aria-current=page],
.tradeleo-theme .sidebar .nav-item.current {
  background: var(--tl-yellow); color: var(--tl-charcoal); border-color: transparent;
  box-shadow: inset 3px 0 var(--tl-yellow);
}
.tradeleo-theme aside p, .tradeleo-theme .sidebar-note,
.tradeleo-theme .workspace-label { color: var(--tl-sage); }
.tradeleo-theme .shell > aside .smallprint { color: var(--tl-sage); }
.tradeleo-theme .sidebar { background: var(--tl-charcoal); }
.tradeleo-theme .sidebar .wordmark { background: #fff; color: var(--tl-charcoal); padding: 8px; border-radius: 8px; width: fit-content; max-width: 100%; font-size: 26px; }
.tradeleo-theme .sidebar .wordmark span { color: var(--tl-rust); }
.tradeleo-theme .empty, .tradeleo-theme .empty-state .empty-icon,
.tradeleo-theme .account-icon, .tradeleo-theme .credit-account-icon,
.tradeleo-theme .renter-detail-icon, .tradeleo-theme .admin-site-detail-icon {
  background: var(--tl-sage); color: var(--tl-charcoal);
}
.tradeleo-theme .banner, .tradeleo-theme .admin-site-notice,
.tradeleo-theme .ad-assignment-warning { background: var(--tl-yellow-wash); border-color: var(--tl-yellow); }
.tradeleo-theme dialog::backdrop { background: #252d298c; }
.tradeleo-theme #notice { background: var(--tl-charcoal); color: var(--tl-ivory); }
/* Marketing has the same paper, panel and accent language as the workspaces. */
.tradeleo.tradeleo-theme .nav { background: var(--tl-ivory); }
.tradeleo.tradeleo-theme .hero:before { background: linear-gradient(90deg,#252d29f2 0%,#252d29de 43%,#252d2952 100%); }
.tradeleo.tradeleo-theme .hero .eyebrow, .tradeleo.tradeleo-theme .rental-path .path-label,
.tradeleo.tradeleo-theme .rental-path .offer-price strong, .tradeleo.tradeleo-theme .light { color: var(--tl-yellow-light); }
.tradeleo.tradeleo-theme .hero .button:focus-visible { outline-color: var(--tl-ivory); }
.tradeleo.tradeleo-theme .principles, .tradeleo.tradeleo-theme .faq,
.tradeleo.tradeleo-theme .inquiry-section { background: var(--tl-ivory); }
.tradeleo.tradeleo-theme .inquiry-panel, .tradeleo.tradeleo-theme .cost-results,
.tradeleo.tradeleo-theme .principle-icon, .tradeleo.tradeleo-theme .cost-result-icon { background: var(--tl-sage); }
.tradeleo.tradeleo-theme .cost-results dl > div + div { border-color: var(--tl-line); }
.tradeleo.tradeleo-theme .rental-path { background: var(--tl-charcoal); }
.tradeleo.tradeleo-theme .closing { background: var(--tl-sage); }
.tradeleo.tradeleo-theme .closing .button { background: var(--tl-yellow); color: var(--tl-charcoal); }
.tradeleo.tradeleo-theme .faq-items details[open] summary:before,
.tradeleo.tradeleo-theme .inquiry-benefits li > span { background: var(--tl-sage); color: var(--tl-charcoal); }
.tradeleo.tradeleo-theme .preview-strip { background: var(--tl-charcoal); color: var(--tl-ivory); }
.tradeleo-preview-bar { background: var(--tl-sage); color: var(--tl-charcoal); }
/* Legal pages are branded only when served on TradeLeo's host. */
.tradeleo-legal { font-family: 'Avenir Next','Trebuchet MS',sans-serif; }
.tradeleo-legal .privacy-document { background: var(--tl-ivory); border-top-color: var(--tl-yellow); }
.tradeleo-legal h1, .tradeleo-legal h2, .tradeleo-legal a { color: var(--tl-charcoal); }
.tradeleo-legal .legal-navigation { border-color: var(--tl-line); }
.tradeleo-legal .privacy-document > p:first-of-type { background: var(--tl-sage); border-color: var(--tl-charcoal); }
.tradeleo-theme .shell > aside .workspace-label, .tradeleo-theme .shell > aside .workspace-eyebrow,
.tradeleo-theme .shell > aside .workspace-icon { color: var(--tl-sage); }
.tradeleo-theme .shell > aside button[aria-current=page] .workspace-icon { color: var(--tl-charcoal); }
.tradeleo-theme .shell > aside nav button:focus-visible { outline-color: var(--tl-ivory); }
.tradeleo-theme .demo-banner { background: var(--tl-yellow-wash); }
.tradeleo-theme .demo-layout aside a[aria-current] { background: var(--tl-yellow); color: var(--tl-charcoal); }
.tradeleo-theme .admin-attention { background: var(--tl-yellow-wash); }
.tradeleo-theme .admin-attention-icon { background: var(--tl-ivory); color: var(--tl-rust); }
.tradeleo-theme .top { background: var(--tl-sage); }
.tradeleo-theme .rental-notice { background: var(--tl-yellow-wash); border-color: var(--tl-yellow); }
.tradeleo-theme .credit-purchase-summary, .tradeleo-theme .inquiry-contact-card { background: var(--tl-sage); }
.tradeleo-theme .shell > aside .workspace-nav-label,
.tradeleo-theme .shell > aside nav button .lead-icon { color: var(--tl-sage); }
.tradeleo-theme .shell > aside nav button[aria-current=page] .lead-icon { color: var(--tl-charcoal); }
.tradeleo-theme .admin-avatar { background: var(--tl-charcoal); color: var(--tl-ivory); }
.tradeleo-theme .demo-layout { background: var(--tl-ivory); }