/* Light (cream/sand) theme override — applied only where this file is linked, after tokens.css + site.css. */
:root {
  --color-primary: #1A1613;
  --color-on-primary: #FAF3E7;
  --color-canvas: #FAF3E7;
  --color-surface-1: #F1E7D4;
  --color-surface-2: #E7DABE;
  --color-inverse-canvas: #1A1613;
  --color-hairline: rgba(26, 20, 14, 0.12);
  --color-hairline-soft: rgba(26, 20, 14, 0.08);
  --color-ink: #1A1613;
  --color-ink-muted: #8A7F6E;
  --shadow-1: 0 0 0 1px rgba(26, 20, 14, 0.08);
  --shadow-2: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 10px 30px rgba(0, 0, 0, 0.10);
}
body[data-accent="white"] { --accent: #FF7A2E; }
.hero, .hero * { color: #fff; }
.hero .soft { color: var(--accent); }
.topnav {
  background: rgba(250,243,231,0.75);
}
.topnav__logo img, footer .wordmark img { filter: none; }
.btn-pill--primary { background: #FF7A2E; color: #1A1613; }
.pillar__icon { border-color: rgba(143,211,255,0.4); background: rgba(143,211,255,0.08); }
.contact-cell__icon { border-color: rgba(143,211,255,0.4); background: rgba(143,211,255,0.08); }
.event-featured__media .badge .dot { background: #8FD3FF; }
@media (max-width: 860px) {
  .mobile-nav, nav[class*="mobile"] { background: rgba(250,243,231,0.96) !important; }
}