/* ERP — Brand tokens + logo styles
   Place in: public/assets/template/ and <link> it in <head>.
   Fonts: Space Grotesk + Cairo (see erp-logo.html head). */
:root{
  --erp-ink:#141414;      /* primary logo / text */
  --erp-copper:#B0552B;   /* accent: the P, dot, CTA */
  --erp-copper-h:#8A3F1E; /* hover */
  --erp-bone:#F4F2ED;     /* light background */
  --erp-muted:#9A948A;    /* nav / tagline */
  --erp-green:#0E3B2E;    /* alternate dark bg */
  --erp-green-p:#F0B080;  /* the P on green bg */
}
.erp-logo{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--erp-ink);font-size:56px;display:inline-block}
.erp-logo .p{color:var(--erp-copper)}
.erp-logo--onDark{color:#fff}
.erp-logo--onGreen{color:#fff}.erp-logo--onGreen .p{color:var(--erp-green-p)}
.erp-logo--mono .p{color:inherit}
.erp-logo--sm{font-size:20px}
.erp-rein{position:relative;height:5px;border-radius:3px;background:var(--erp-copper);width:200px}
.erp-rein::after{content:"";position:absolute;right:-2px;top:-6px;width:16px;height:16px;border:5px solid var(--erp-copper);border-left-color:transparent;border-bottom-color:transparent;border-radius:3px;transform:rotate(45deg)}
.erp-tagline{font-family:'Cairo',sans-serif;font-weight:600;letter-spacing:.06em;color:var(--erp-muted)}
.erp-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--erp-ink);color:#fff;border-radius:24%;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.06em}
.erp-mark .dot{color:var(--erp-copper)}
.erp-btn{font-family:'Space Grotesk','Cairo',sans-serif;font-weight:600;font-size:14px;color:#fff;background:var(--erp-copper);border:none;cursor:pointer;padding:8px 16px;border-radius:7px;text-decoration:none;display:inline-block}
.erp-btn:hover{background:var(--erp-copper-h);color:#fff}
a{color:var(--erp-copper)}a:hover{color:var(--erp-copper-h)}