@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Instrument+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");

/* The label-maker palette. Light only, by design. */
:root {
  color-scheme: light;
  --kraft: #CDB892;
  --kraft-rule: #A8936B;
  --paper: #F4F1E8;
  --slip: #FBF8F1;
  --ticked: #EDE5D3;
  --row-rule: #D9D0BD;
  --ink: #151614;
  --tape-text: #F4F4F0;
  --orange: #E8571E;
  --orange-small: #C4441A;
  --orange-hover: #B8400F;
  --on-kraft: #3F3627;
  --on-paper: #5A5348;
  --on-ink: #CFC8B8;
  --on-ink-soft: #B9B2A3;
  --ink-rule: #3A3833;
  --perforation: #5A5852;
  --placeholder: #8A8170;
  --error: #B3261E;
  --font-tape: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  /* What the generated privacy and terms pages read. */
  --bg: var(--paper);
  --fg: var(--ink);
  --muted: var(--on-paper);
  --accent: var(--orange-hover);
  --line: var(--row-rule);
  --font-body: "Instrument Sans", system-ui, sans-serif;
  --font-display: "Instrument Sans", system-ui, sans-serif;
}