/* ============================================================================
   CASH TRAIN sub-brand theme — clients portal white-label.
   Loaded LAST (after the page manifest) ONLY when the portal is served on the
   Cash Train host (see app/Support/Brand.php + layouts/document.php). Re-skins
   the whole portal by overriding the core brand/accent tokens that every
   component derives from — Credicorp navy (#003366) + lime (#90cb22) become
   Cash Train green-ink (#0c2d1f) + green (#176a45), with gold as the accent.
   The legal lender is unchanged (Credicorp Limited); display brand only.
   ============================================================================ */
:root {
  /* --- primary brand (was navy #003366) -> Cash Train green-ink --- */
  --c-brand:        #0c2d1f;
  --c-brand-dark:   #08231a;
  --c-brand-light:  #176a45;

  /* --- navy family (R217 canonical names) -> green-ink family --- */
  --c-navy:         #0c2d1f;
  --c-navy-2:       #123c2d;
  --c-navy-dark:    #08231a;
  --c-navy-light:   #1e6b47;

  /* --- accent (was lime #90cb22) -> Cash Train green --- */
  --c-green:        #176a45;
  --c-green-dark:   #0e3f2a;
  --c-accent:       #176a45;
  --c-accent-dark:  #0e3f2a;

  /* --- gold as the Cash Train secondary accent (badges, stars, highlights) --- */
  --c-gold:         #e6c057;
  --c-gold-deep:    #a9810f;

  /* tint surfaces that derive from the brand hue */
  --c-brand-surface: #eaf3ee;
  --c-accent-surface:#eaf3ee;
}

/* Focus ring + selection pick up the new brand token automatically (they use
   var(--c-brand)); this just ensures ::selection reads on the green. */
::selection { background: #176a4533; }

/* Topbar text wordmark — the sub-brand shows "Cash Train" as type (no Credicorp
   logo image). Topbar background is white, so the wordmark uses the brand ink. */
.portal-chrome__wordmark--text {
  display: inline-flex;
  align-items: center;
  height: 2.75rem;
  font-family: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.01em;
  color: var(--c-brand);
  white-space: nowrap;
}
@media (max-width: 640px) {
  .portal-chrome__wordmark--text { font-size: 1.25rem; height: 2.25rem; }
}