/* The Center for Being Known: the one place the brand lives, taken from thecbk.org
   (teal #2B5661 and #134451, the orange-red #EA492E, Montserrat).

   TWO CONSUMERS, ONE FILE. The interview links it (`/brand.css`); the report cannot,
   because a report has to stand on its own in a tab, a saved file and a PDF, so lib.js
   inlines this file at the marker template.html keeps for it. Do not write that
   marker's name here: this whole file lands inside the page.

   Colour is semantic. Teal is what their answers show. Orange is the growth edge and
   the one thing to confirm in person. Nothing else may use them. */
:root {
  /* surfaces */
  --cbk-paper: #F6F5F2;
  --cbk-surface: #FFFFFF;
  --cbk-stone: #E6E8E8;

  /* ink */
  --cbk-ink: #1C2B30;
  --cbk-muted: #56636A;         /* 11px captions clear 4.5:1 on paper */
  --cbk-rule: #CBD2D5;

  /* accents */
  --cbk-teal: #2B5661;          /* thecbk.org primary: strength, and the primary accent */
  --cbk-teal-deep: #134451;     /* thecbk.org secondary button */
  --cbk-teal-pale: #DDE8EA;
  --cbk-orange: #EA492E;        /* thecbk.org accent: growth, confirm */
  --cbk-orange-ink: #B2341C;    /* the same role as text: #EA492E is 3.6:1 on white */
  --cbk-orange-pale: #FBE6E0;

  /* type: Montserrat is the site's face, headings and body */
  --cbk-display: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --cbk-body: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --cbk-ui: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  /* geometry: the site is square-cornered */
  --cbk-radius: 2px;
  --cbk-radius-lg: 4px;
  --cbk-page-x: 0.70in;
  --cbk-page-top: 0.62in;
  --cbk-page-bottom: 0.72in;
}

.cbk-wordmark {
  font-family: var(--cbk-ui);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--cbk-teal-deep);
}
.cbk-doclabel {
  font-family: var(--cbk-ui);
  font-weight: 600;
  font-size: 9.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cbk-muted);
}
.cbk-eyebrow {
  font-family: var(--cbk-ui);
  font-weight: 700;
  font-size: 9.5px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--cbk-teal);
}

/* Page numbers exist only on paper; print.css turns them on. */
.cbk-pagenum { display: none; }