/* v162: the PeppyPros look. Same Belgravia Book features, served on peppypros.com with PeppyPros colors, fonts and name.
   Loaded after style.css only on peppypros.com pages (log in, the pro's back office, booking pages). */
:root {
  --night: #0f2a3a; --night-2: #14384c; --night-3: #1b4660;
  --bg: #f7f8f6; --card: #ffffff; --ink: #17212b; --muted: #5b6770; --line: #e3e7e4; --line-2: #eef1ef; --soft: #f1f4f2;
  --gold: #ff8a4c; --gold-hi: #ffd2a8; --gold-lo: #e0562b;
  --gold-grad: linear-gradient(120deg, #ffb03a 0%, #ff8a4c 50%, #ff6b4a 100%);
  --ok: #0b6e63; --radius: 12px; --brand: #0e9f8f;
  --serif: Fredoka, "Figtree", system-ui, sans-serif; --sans: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;
}
h1, h2, h3 { letter-spacing: 0; font-weight: 600; }
a { color: #0b6e63; }
.eyebrow { letter-spacing: .08em; color: #e0562b; font-weight: 700; }
.gold { color: #fff; letter-spacing: .04em; text-transform: none; font-size: .95rem; font-weight: 700; }
button, .btn { border-radius: 999px; }
/* the Belgravia crest becomes the PeppyPros star mark */
.crest svg { display: none; }
.crest { display: inline-flex; align-items: center; gap: .55rem; text-decoration: none; }
.crest::before { content: "★"; width: 44px; height: 44px; border-radius: 14px; background: linear-gradient(135deg, #ffb03a, #ff6b4a); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 1.4rem; }
.crest::after { content: "PeppyPros"; font: 600 1.5rem Fredoka, sans-serif; color: #fff; }
.auth .art { background: linear-gradient(160deg, #0f2a3a, #14485a) !important; }
.auth .art blockquote em { color: #ffb03a; }