/*
  project: boulder-creek-ops
  date: 2026-09-21
  status: v0.2 (10/22, Lane A, S183) — adds the two buttons from the app walk (decision 3):
          .bc-btn filled forest for the one action on a screen (6px corners: Roger 10/22 "not too rounded"), .bc-btn.line outlined for the
          rest, .bc-btn.live ember for the one live action (Save, Publish, New quote). Sentence
          case, rounded, 44px tall on a phone. The mono-caps boxes and the Desk's green bar retire
          as each lane swaps. Works on <button> and <a>.
          v0.1 — THE BASE SET, opt-in. The crew skin's colors and type as variables
          (the values every crew-skin page already carries inline). A page is "on base"
          when it links this file; a page is "on its own" when it keeps its own :root.
          site.json records which is which (field "tokens": base | own).
  why:    Roger, 9/21: "I like the idea of the one colors type file, but I'm just unsure
          on the colors just yet... maybe there's a hybrid here: a base set, most pages
          on the basic, but a page can be on its own as well, and we have a list of
          what is using that and which one is on its own." So: no forced migration, no
          restyle. Change a value here and only the pages on base follow.
  rule:   never add a color here that a page needs "just for itself"; that page goes own.
*/
:root{
  --cream:#f7f1e8; --sand:#ede8da; --white:#ffffff;
  --moss:#6c7b4a; --forest:#324231; --fir:#27331f;
  --ink:#2a2f25; --muted:#6d7163; --hairline:#d9d3c2;
  --ember:#a95a2b;
  --display:'Cinzel','Times New Roman',serif;
  --body:'Barlow','Helvetica Neue',Helvetica,Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
}

/* ---- the two buttons (app walk, decision 3) ---- */
.bc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;
  border-radius:6px;border:1px solid var(--forest);background:var(--forest);color:var(--white);
  font:600 15px/1.1 var(--body);text-decoration:none;text-transform:none;letter-spacing:0;white-space:nowrap;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:background-color .12s,border-color .12s,color .12s}
.bc-btn:hover{background:var(--fir);border-color:var(--fir)}
.bc-btn:focus-visible{outline:2px solid var(--forest);outline-offset:2px}
.bc-btn.line{background:var(--white);border-color:var(--hairline);color:var(--forest)}
.bc-btn.line:hover{background:var(--cream);border-color:var(--forest)}
.bc-btn.live{background:var(--ember);border-color:var(--ember)}
.bc-btn.live:hover{background:#8f4a22;border-color:#8f4a22}
.bc-btn.small{min-height:34px;padding:0 12px;font-size:14px}
.bc-btn:disabled,.bc-btn[aria-disabled="true"]{opacity:.5;cursor:default;pointer-events:none}
.bc-btn svg{width:16px;height:16px;flex:none}
@media (max-width:700px){.bc-btn{min-height:44px}.bc-btn.small{min-height:40px}}