/*
 * Jasper Builds — brand system for the Content Pipeline PWA.
 *
 * The :root tokens, type, topbar lockup, landing, and "Call me" button are lifted
 * verbatim from the Fast Estimate PWA (same brand, same client) so the two tools
 * read as one product. Below the shared foundation, the components are
 * content-specific: the idea BOARD (cards Jasmine curates) replaces the estimate
 * receipt; the interview + draft replace the line items + priced total.
 *
 *   Palette  charcoal #292929 · gold #A38959 / #8a724a · warm paper #F6F4F0 ·
 *            card paper #fffefb · light #ECEBE9 · hairline #d9d5cd · green #3f6f54
 *   Type     Georgia serif for the wordmark + headings; Gotham for body/UI.
 */
@font-face {
  font-family: "Gotham";
  src: url("/brand/fonts/gotham-book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/brand/fonts/gotham-medium.woff2") format("woff2");
  font-weight: 500 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/brand/fonts/gotham-bold.woff2") format("woff2");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --char: #292929;
  --gold: #a38959;
  --gold-d: #8a724a;
  --light: #ecebe9;
  --warm: #f6f4f0;
  --line: #d9d5cd;
  --paper: #fffefb;
  --pos: #3f6f54;
  --muted: #857e72;
  --danger: #b4543f;
  --hairline: #ececea;
  --serif: Georgia, "Times New Roman", serif;
  --sans: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-family: var(--sans);
  /* tokens extracted from formerly-hardcoded literals — values must not change */
  --text-2: #6f6a60;
  --tint-pos: #f4f7f3;
  --tint-danger: #faf0ee;
  --topbar-bg: rgba(246, 244, 240, 0.94);
  --card-bg: #fff;
  --on-accent: #fff;
  --radius-1: 4px;
  --radius-2: 5px;
  --radius-3: 6px;
  --radius-pill: 20px;
}