/* Canonical ButcherMath brand tokens. */
/* The landing pages and the authenticated application read this one file. */

:root {
  --paper:      #fcfbf9;
  --paper-sunk: #f4f1ec;
  --kraft:      #e4d5b7;
  --ink:        #17181c;

  --text:          #17181c;
  --text-muted:    #55585f;
  --text-on-dark:  #f4f1ec;
  --text-on-dark-muted: #b6b3ad;
  --text-on-kraft-muted: #5c513c;

  --rule:        #dcd8d0;
  --rule-strong: #17181c;
  --rule-kraft:  #c9b993;

  --cut:      #a9331c;

  --sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --gutter: clamp(1.25rem, 5vw, 4.5rem);
  --shell: 78rem;
  --rail: 13rem;
  --rail-gap: clamp(2rem, 5vw, 4.5rem);
  --band-y: clamp(4rem, 9vw, 8.5rem);
  --masthead-h: 4.25rem;

  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}

/* Semantic status tokens. These tokens do not replace the brand palette. */

:root {
  --status-available: #2f6b49;
  --status-low: #9a6718;
  --status-out: var(--cut);
  --status-warning: #9a6718;
  --status-error: var(--cut);
}