/* brettlabit.com — THE SITE'S ONE BRAND LAYER (10/27, home v0.4, H35: "site wide yes").
   The Tribe Conversation family carries the whole site: graphite, white, paper; orange = act (buttons); aqua = identity
   (kickers, rules, the wordmark and the main nav). Source Sans 3 is the face. Sky & Rock (R22, 9/17) is retired for the site;
   its tokens stay in the history and in each page's own :root, which this file overrides (it is stamped in after them).
   Stamped by the Worker (src/chrome.js) on every page EXCEPT the Sedona Ethic, which keeps a look of its own (H35 carve-out). */

:root{
  /* the TC family, by name (TC-Brand-Standards v1.0) */
  --graphite:#17191C; --orange:#F08A1D; --orange-ink:#A85A06; --orange-soft:#FDF1E2; --aqua:#59C9D6; --aqua-ink:#1F7F8A; --aqua-soft:#E6F7F9;
  --line:#D8D5CF;
  /* the names the older pages and site.css read, mapped onto the family */
  --white:#FFFFFF; --paper:#F6F5F2; --ink:#232629; --muted:#5C646B; --hair:#D8D5CF;
  --blue:#17191C;          /* the structural color: headlines, footer band, dark buttons → graphite */
  --sky:#1F7F8A;           /* kickers, focus rings → aqua (text-safe) */
  --sky-soft:#E6F7F9;
  --ember:#A85A06;         /* the one warm accent in text → orange (text-safe) */
  --sans:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --book:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
}
::selection{ background:var(--orange-soft); }
body{ font-family:var(--sans); color:var(--ink); }

/* The header: one graphite band on every page, the wordmark + main nav in aqua, the current page white (P27 → site-wide). */
header.top{ background:var(--graphite); color:var(--aqua); }
header.top nav a, header.top .site-menu summary{ color:var(--aqua); opacity:1; }
header.top nav a:hover{ color:#fff; }
header.top nav a[aria-current]{ color:#fff; }
header.top nav{ font-weight:600; letter-spacing:.06em; }
.site-menu-panel{ background:var(--graphite); }
.site-menu-panel a{ color:var(--aqua); } .site-menu-panel a[aria-current]{ color:#fff; }

/* The footer: graphite (via --blue), the lockup in aqua */
footer[data-site-footer]{ background:var(--graphite); }

/* 10/27 (R45–R47, Brand v2): the mark + name lockup replaces the lone wordmark in the header and footer, 32px tall
   (the B at 32, the caps at ~15). The file is /assets/bl/bl-lockup-horizontal-reversed.svg; the mark alone is the favicon. */
header.top .wordmark, header .wordmark{ height:32px; width:auto; }
footer[data-site-footer] .wordmark{ height:30px; width:auto; }

/* Orange = act: the pill buttons */
.btn{ background:var(--orange); color:var(--graphite); font-weight:700; }
.btn:hover{ box-shadow:0 10px 30px rgba(240,138,29,.28); }
.bl-share button, .bl-share a{ border-color:var(--graphite); color:var(--graphite); }
.bl-share .bl-primary{ background:var(--graphite); color:#fff; }

/* Kickers wear aqua (identity) */
.kicker{ color:var(--aqua-ink); font-weight:700; letter-spacing:.18em; }

/* Headlines carry the TC weight (the Sky & Rock pages set them light, for Space Grotesk and Fraunces) */
html body :is(h1, h2, .j-title){ font-weight:700; letter-spacing:-.025em; }
html body :is(h3){ font-weight:700; }