/* BigLeaps design tokens — THE SINGLE DECLARATION SITE.
 *
 * Values are lifted verbatim from the ghost-deal-cheatsheet and masterclass
 * landing pages so every BigLeaps surface renders identically. If a colour or
 * face needs to change, it changes HERE and nowhere else.
 *
 * tool.css must only ever CONSUME these. Never re-declare :root in a page or a
 * component stylesheet — a shadowed token desyncs the page from the rest of
 * the site and hides routing bugs behind a plausible-looking render.
 */

:root {
  /* brand — exact, not "close enough" */
  --green: #4A7C24;
  --green-lt: #7CB342;
  --green-dk: #3A6119;
  --tint: #EFF5E9;

  /* ink & paper */
  --ink: #1A1A1A;
  --body: #555555;
  --paper: #FFFFFF;
  --off: #F7F7F5;
  --line: #E4E4E0;

  /* state */
  --danger: #B23B2E;
  --danger-bg: #FBEAE7;
  --warn: #B8860B;
  --warn-bg: #FDF6E3;

  /* type */
  --serif: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  --sans: 'DM Sans', Helvetica, Arial, sans-serif;

  /* layout */
  --wrap: 1140px;
  --narrow: 720px;
}