/**
 * LOUD CANVAS SUPPORT BRIDGE — COLOR-CODED BRANDING
 * --------------------------------------------------
 * Change these variables to create a new agency palette.
 * Admin > Support Bridge > Settings & Branding overrides these defaults.
 *
 * PRIMARY   = primary action buttons, selected navigation, search
 * SECONDARY = deep blue hero, headings and dark surfaces
 * ACCENT    = orange highlights / support request CTA
 * SURFACE   = help-center page background
 * TEXT      = main body text
 *
 * Loud Canvas Media brand manual: #73bf44, #2c3e50, #de6448
 */
:root {
  --lcs-primary: #73bf44; /* GREEN — main actions */
  --lcs-secondary: #2c3e50; /* DEEP BLUE — header/hero */
  --lcs-accent: #de6448; /* FIRE OPAL — support accent */
  --lcs-surface: #f4f4f4; /* NEUTRAL BACKGROUND */
  --lcs-text: #303133; /* TEXT */
  --lcs-white: #fff;
  --lcs-border: #e5e9ed;
  --lcs-radius: 14px;
}

/* BetterDocs visual refinements: scoped so its core files are never changed. */
.betterdocs-wrapper,
.betterdocs-content-wrapper,
.betterdocs-archive-wrap,
.single-docs .entry-content {
  color: var(--lcs-text);
}
.betterdocs-wrapper a,
.betterdocs-content-wrapper a { color: var(--lcs-secondary); }
.betterdocs-wrapper a:hover,
.betterdocs-content-wrapper a:hover { color: var(--lcs-primary); }
.betterdocs-wrapper button,
.betterdocs-wrapper input[type="submit"],
.betterdocs-wrapper .betterdocs-button {
  border-radius: 9px;
}
.betterdocs-wrapper .betterdocs-searchform,
.betterdocs-wrapper .betterdocs-search-form,
.betterdocs-wrapper .betterdocs-category-grid-inner-wrapper,
.betterdocs-wrapper .betterdocs-category-box-inner-wrapper {
  border-radius: var(--lcs-radius);
}

/* Optional global site theme: enabled with "Apply light global theme styling".
   Kept intentionally narrow to avoid breaking agency themes and page builders. */
body.lcs-brand-site { color: var(--lcs-text); }
body.lcs-brand-site .entry-title,
body.lcs-brand-site h1,
body.lcs-brand-site h2,
body.lcs-brand-site h3 { color: var(--lcs-secondary); }
body.lcs-brand-site a:hover { color: var(--lcs-primary); }
body.lcs-brand-site button:not(.wp-block-button__link):not(.lcs-search button),
body.lcs-brand-site input[type="submit"] { border-radius: 8px; }
body.lcs-brand-site .custom-logo,
.lcs-custom-logo-link .custom-logo { width: auto; max-width: 260px; max-height: 70px; object-fit: contain; }