/* Business Wife — the one theme every app shares.
 *
 * Tokens first, then the shared header and footer pattern:
 *
 *   <header class="bw-head">
 *     <a class="bw-brand" href="/">Business Wife</a>
 *     <p class="bw-kicker">Decide</p>
 *     <h1>Poll</h1>
 *     <p class="bw-sub">She knows how it ends before you finish the question.</p>
 *   </header>
 *   …
 *   <footer class="bw-foot">Business Wife<br>"She closes the deal before lunch."</footer>
 *
 * Apps keep their own layout CSS; they only stop redefining these.
 */
:root {
  color-scheme: dark;
  --bg: #0f0c0e;
  --surface: #171214;
  --surface-2: #1e171a;
  --border: #2e2428;
  --border-strong: #3d3036;
  --text: #f2ebe6;
  --muted: #9a8a90;
  --faint: #8d7f85;
  --accent: #c43d6e;
  --accent-hover: #d54f7f;
  --accent-text: #e0679a;
  --accent-soft: rgba(196, 61, 110, 0.14);
  --gold: #c9a227;
  --gold-soft: rgba(201, 162, 39, 0.12);
  --danger: #e0557a;
  --ok: #3fbf7f;
  --radius: 10px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

.bw-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 640px;
  margin: 0 auto 24px;
}
.bw-brand {
  color: var(--faint);
  text-decoration: none;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 10px;
}
a.bw-brand:hover { color: var(--accent-text); }
a.bw-brand:focus-visible { outline: 2px solid var(--accent-text); outline-offset: 3px; border-radius: 4px; }
.bw-kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--gold);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 6px;
}
.bw-head h1 {
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0 0 4px;
  overflow-wrap: anywhere;
}
.bw-sub {
  color: var(--muted);
  font-size: 0.92rem;
  max-width: 44ch;
  margin: 0;
}
.bw-foot {
  margin-top: auto;
  padding-top: 36px;
  color: var(--faint);
  font-size: 0.74rem;
  text-align: center;
  line-height: 1.6;
}