/* Storebouncer landing page tokens. */
:root {
  --paper: #FFFFFF;
  --ink: #111214;
  --ink-2: rgb(17 18 20 / .64);   /* secondary text, 5:1 on paper and on --card */
  --ink-3: rgb(17 18 20 / .46);   /* the second half of a headline, large text only */
  --card: #F4F4F2;                /* bento cards, secondary buttons, fields */
  --card-2: #EBEBE8;              /* pressed / hover on --card */
  --line: rgb(17 18 20 / .09);
  --line-2: rgb(17 18 20 / .16);
  --dots: rgb(17 18 20 / .13);    /* the hero's dot grid */
  --accent: #2747D6;              /* Storebouncer cobalt, from the mark */
  --accent-hover: #1E3BBF;
  --on-accent: #FFFFFF;
  --night: #0E1014;               /* footer */
  --error: #B42318;
  --bot: #D92D20;                 /* the robots, here and in every scene */
  --ok-bg: #CDFEE1; --ok-ink: #0C5132;     /* the app's own green and red chips */
  --bad-bg: #FED1D7; --bad-ink: #8E0B21;
  --wait-bg: #FFEB78; --wait-ink: #4F4700;
  --lift: 0 0 0 1px rgb(17 18 20 / .07), 0 1px 2px rgb(17 18 20 / .05), 0 12px 32px -14px rgb(17 18 20 / .22);

  --font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}