/* SlideSnap design tokens: the one place the site's color and type are defined (hq/brand.md).
 * Loaded on every page. The scanner pages, /studio and ss-site.css only use these variables. */

:root{
  --ss-black:#000; --ss-bg-0:#0a0b0c; --ss-bg:#101113; --ss-bg-2:#15161a; --ss-bg-3:#1b1c20; --ss-line:#26282d; --ss-line-2:#34363c;
  --ss-text:#efeae1; --ss-text-2:#b7b1a6; --ss-text-3:#827d75;
  --ss-accent:#ff9900; --ss-accent-2:#ffb54d; --ss-accent-ink:#1a1000; --ss-dark-gold:#c98200; --ss-ok:#7bc47f; --ss-warn:#e9b44c;

  /* Light "paper" for manuals and checkout */
  --ss-paper:#f6f3ec; --ss-paper-2:#fffdf8; --ss-paper-3:#efeadf; --ss-paper-line:#e0dacd; --ss-paper-line-2:#cdc6b6;
  --ss-paper-ink:#1b1a17; --ss-paper-ink-2:#55514a; --ss-paper-ink-3:#7c766c;

  /* Barlow Semi Condensed for headings, prices, figures and labels; Barlow for text and UI. */
  --ss-head:"Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif;
  --ss-body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;

  --ss-r:4px; --ss-wrap:1240px; --ss-gut:clamp(16px,4vw,48px)}