/* branding-baked.css — FIX-6a (BRANDING-STATIC-PLAN.md)
 *
 * Static replacement for the runtime styling that assets/js/branding-manager.js
 * used to apply on every page load. Values below are copied EXACTLY from the
 * script + data/branding-config.json (frozen 2026-08-23). The cascade is
 * deliberately plain (no !important): every existing !important rule that beat
 * the script's inline styles (e.g. mobile logo 55px, logo-text weight 700)
 * keeps beating these rules identically — so the rendered result is unchanged.
 *
 * Loaded ONLY by the pages that used to load branding-manager.js.
 */

/* Header logo image (was: JS-inserted <img> with these inline styles).
   Mobile <=768px: wiseleaf-size-optimization.css overrides to 55px/160px
   with !important — exactly as it overrode the JS inline styles before. */
.logo .logo-img {
    height: 78px;
    width: auto;
    margin-right: -3px;
    object-fit: contain;
    max-width: 220px;
}

/* Header logo text (was: JS inline font styles on .logo-text).
   font-weight 600 is what the JS requested; wiseleaf-core-components.css
   declares 700 !important, which won before and still wins — kept here only
   for cascade fidelity with the retired script. */
.logo .logo-text {
    font-family: 'Merriweather', serif;
    font-size: 1.6rem;
    font-weight: 600;
}

/* Status color variables (was: applyColorScheme setProperty).
   The other 11 variables are already declared identically in style.css :root;
   these four existed ONLY at runtime. */
:root {
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;
    --info: #17a2b8;
}