/* Brand overrides for the interim static site.
 *
 * Loaded AFTER the Drupal theme stylesheets, so rebranding never means editing the
 * minified aggregated CSS that the crawl produced. Everything in here is additive and
 * reversible: delete this file and the site looks exactly like the old one again.
 *
 * Scope discipline (see PLAN.md): for a site with a lifetime of a few months, change
 * colours and logos only. Do not touch typography, spacing or layout. A half-rebranded
 * site reads worse than a consistently old-branded one, and the real rebrand ships with
 * the new website anyway.
 *
 * The real vFinance/Patronale teal is #309898. Confirm the exact interim palette with
 * Marketing before using these; the values below are placeholders and are not applied
 * until the selectors are filled in.
 */

:root {
  --pl-brand:        #309898;
  --pl-brand-dark:   #267a7a;
  --pl-brand-light:  #4fb3b3;
  --pl-brand-text:   #ffffff;
}

/* Add the actual selectors here once Marketing confirms the palette and the logo files.
 * Keep every rule in this file, one block per element group, with a comment saying which
 * page group it affects. Example shape:
 *
 * .region-header .logo img { content: url("/static-assets/logo.svg"); }
 * a, .link { color: var(--pl-brand); }
 * .btn-primary { background: var(--pl-brand); border-color: var(--pl-brand-dark); }
 */

/* New Patronale Life logo (deep navy #152346), swapped in at its original path so every
 * header picks it up. The new lockup is wider than the old one (ratio ~6.47:1 vs ~4.51:1),
 * so it must keep the old ~169px width footprint, otherwise it runs into the tagline next to
 * it. Width is pinned to that footprint and the height follows the new ratio (~26px). */
.logo { width: 169px; height: auto; }
.logo .svg-img, .logo img.svg-img { display: block; width: 100%; height: auto; }
.logo.mobile { width: 169px; max-width: 223px; height: auto; }