/* Brick & Pixel brand layer over LittleLink. Colors and fonts from AI-Arbitrage-Logo/README.md. */
:root {
  --bp-green:#1E3B2F;
  --bp-cream:#F3EFE3;
  --bp-terracotta:#C8553D;
  --bp-ink2:#4B5E55;
}
body { background:var(--bp-cream); color:var(--bp-green); font-family:'Work Sans',sans-serif; }
.avatar { border:3px solid var(--bp-green); }
h1.bp-wordmark {
  font-family:'Fraunces',serif; font-style:italic; font-synthesis:style;
  font-variation-settings:'opsz' 40; font-weight:600;
  margin:0; line-height:1; color:var(--bp-green);
}
p.bp-sub {
  margin:0.5rem 0 1.5rem; font-weight:500; font-size:1rem;
  letter-spacing:0.35em; color:var(--bp-terracotta);
}
main > p { color:var(--bp-ink2); }
.button { font-family:'Work Sans',sans-serif; font-weight:600; }
.button-bp {
  --button-text:#FFFFFF;
  --button-background:var(--bp-green);
  --icon-filter:brightness(0) invert(1);
}
.button-bp-primary {
  --button-text:#FFFFFF;
  --button-background:var(--bp-terracotta);
  --icon-filter:brightness(0) invert(1);
}
.button-bp-facebook {
  --button-text:#FFFFFF;
  --button-background:#1877F2;
}
.button:hover { filter:brightness(1.08); }
.bp-footer { color:var(--bp-ink2); font-size:0.9rem; }