/*
 * UnlimitedPOS design tokens, shared by the public site, the sign-in pages and the app.
 * Concept: the counter and its printed receipt. Ink = thermal print, counter = shop laminate,
 * price-tag yellow = shelf labels, till green = paid, void red = refunds.
 */
:root {
  --ink: #1c1b29;
  --ink-soft: #3a3950;
  --slate: #5d6372;
  --counter: #eef1ec;
  --counter-deep: #e2e7df;
  --rule: #d6dcd2;
  --receipt: #fcfcfa;
  --tag: #ffcf33;
  --tag-deep: #f2b705;
  --till: #1e7f5c;
  --till-soft: #e3f2ec;
  --void: #c8402f;
  --void-soft: #fbe9e6;

  --font-ui: "Archivo", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-urdu: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Urdu Typesetting", serif;
  --font-receipt: "Martian Mono", "Cascadia Mono", Consolas, "Courier New", monospace;

  /* type scale (1.25, from a 16px base) */
  --step--1: 0.8rem;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.563rem;
  --step-3: 1.953rem;
  --step-4: 2.441rem;
  --step-5: 3.052rem;

  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 16px;
  --focus: 0 0 0 3px rgba(255, 207, 51, 0.65);
}

/* the wide cut of Archivo is the signage voice; used for display type only */
.type-wide {
  font-family: var(--font-ui);
  font-stretch: 125%;
  font-variation-settings: "wdth" 125;
}