/* =============================================================================
   MoneyMart Finance — brand overrides for pesaflex.css
   Loaded AFTER the base sheet when BRAND=mmf (config/brands.py). Token
   overrides only: no layout, no new components. If a rule here needs a
   selector more specific than :root, that is a sign the base sheet hardcoded
   a colour it should have taken from a variable — fix it there instead.

   Royal blue, matching the blue on moneymartfinance.com rather than the
   darker navy of the logo mark, with MMF gold as the accent. Every pair below
   was checked against WCAG AA (worst is 4.62:1); the numbers in the comments
   are the measured ratios, so a future tweak can see what it is spending.
   ========================================================================== */

:root {
  /* ---- Chrome: royal blue. Lighter and bluer than the logo navy, which
          read as near-black across a full-width header. ------------------- */
  --chrome: #23348F;           /* nav text 9.5:1, 12px muted label 4.6:1     */
  --chrome-2: #2A3C9C;         /* menus, wells — 8.3:1                       */
  --chrome-raised: #32409F;    /* hover wells on chrome — 7.8:1              */

  /* ---- Action: the site's own blue family. 6.1:1 on paper, 6.7:1 under
          white button text. ---------------------------------------------- */
  --action: #1D4ED8;
  --action-hover: #1A45BE;
  --action-tint: #E7EDFD;
  --action-ring: rgba(29, 78, 216, 0.30);
}

/* The standing keyline is where the brand gold lives at full strength: a 3px
   rule is decoration, not text, so the contrast floor does not apply. */
.pf-keyline,
.pf-keyline-live { background: #C6984A; }

/* "MIDDLEWARE" beside the mark. A touch lighter than the brand gold
   (#C6984A), which lands at 4.1:1 on this blue and fails AA at 12px; this
   tint reads as the same gold and measures 5.0:1. */
.pf-brand .mod { color: #D3AB60; }

.pf-login-brand {
  background: linear-gradient(160deg, #1D2B78 0%, #23348F 55%, #2E3191 100%);
}