/* ===== Black and white trial =====
   Loaded after styles.css and only swaps colors. To go back to the
   cedar colors, remove the bw.css line in tools/build_pages.py (head)
   and regenerate. Photos stay in full color. */
:root {
  --iron: #0e0e0e;
  --iron-2: #1d1d1d;
  --iron-line: #3a3a3a;
  --stucco: #f2f2f2;
  --paper: #ffffff;
  --cedar: #0e0e0e;        /* buttons on light backgrounds */
  --cedar-deep: #000000;
  --cedar-light: #ffffff;  /* accents on dark backgrounds */
  --ink: #0e0e0e;
  --muted: #555555;
}

a { color: var(--ink); }
:focus-visible { outline-color: var(--ink); }

/* On dark backgrounds the solid button flips to white */
.site-header .btn, .hero .btn:not(.ghost), .photo-break .btn, .page-head .btn {
  background: #fff; color: var(--ink);
}
.site-header .btn:active, .hero .btn:not(.ghost):active, .photo-break .btn:active, .page-head .btn:active { background: #dcdcdc; }
@media (hover: hover) and (pointer: fine) {
  .site-header .btn:hover, .hero .btn:not(.ghost):hover, .photo-break .btn:hover, .page-head .btn:hover { background: #e4e4e4; }
}
.site-header :focus-visible, .hero :focus-visible, .stats :focus-visible, .photo-break :focus-visible,
.page-head :focus-visible, .site-footer :focus-visible, .lightbox :focus-visible { outline-color: #fff; }

/* Floating call button: keep it visible over dark sections too */
.call-float { box-shadow: 0 0 0 1px rgba(255,255,255,.4), 0 6px 20px rgba(0,0,0,.3); }