/* Peugeot Motocycles — official site palette (peugeotmotoindonesia.com :root).
 * Primary CTA blue #3280aa; ink #242424; cream #c2b8a7; orange accent #ed7b36.
 * Replaces Mitsubishi-red Dealerview defaults without editing core CSS. */

:root {
  --lp-brand: #3280aa;
  --lp-brand-2: #22678e;
  --lp-brand-mint: #ed7b36;
  --lp-text-1: #242424;
  --lp-text-2: #777774;
  --lp-text-3: #9a9a96;
  --lp-surface: #f7f6f3;
  --lp-surface-2: #ffffff;
  --lp-surface-3: #efece6;
  --lp-surface-4: #e4dfd4;
  --lp-border: rgba(36, 36, 36, 0.1);
  --lp-border-brand: rgba(50, 128, 170, 0.35);
  --lp-grad: linear-gradient(135deg, #3280aa 0%, #22678e 55%, #1a1b19 100%);
  --lp-grad-h: linear-gradient(90deg, #3280aa, #22678e);
  --lp-shadow-brand: 0 10px 28px rgba(50, 128, 170, 0.28);
}

/* Hardcoded leftovers that ignore --lp-brand. */
.lp-dealer__360 {
  color: var(--lp-brand);
}
.dv-lang__item em {
  color: var(--lp-brand) !important;
}

/* Horizontal Peugeot mark — name is already in the artwork. */
.lp-brand__name {
  display: none;
}
.lp-header .lp-brand__mark,
.lp-footer .lp-brand__mark {
  width: auto;
  height: 40px;
  flex: 0 0 auto;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
}
.lp-footer .lp-brand__mark {
  height: 44px;
}
@media (max-width: 720px) {
  .lp-header .lp-brand__mark {
    height: 32px;
  }
}