/* Design tokens from Figma 3419-231378; they match the site theme in stylesheet.css */

.qr-tool {
  --qr-heading:      #24292e;   /* Heading      */
  --qr-disable:      #757575;   /* Disable      */
  --qr-stroke:       #d3d3d3;   /* Stroke       */
  --qr-light-1:      #f1f1f1;   /* Light 1      */
  --qr-light-2:      #f9f9f9;   /* Light 2      */
  --qr-line-soft:    #e9e9e9;   /* colour-bar hairline, lighter than Stroke */
  --qr-white:        #ffffff;   /* White Fill   */
  --qr-primary:      #007bff;   /* Primary      */
  --qr-primary-rgb:  0, 123, 255;
  --qr-primary-soft: #e5f1ff;   /* selected swatch fill (literal in Figma) */
  --qr-primary-tint: #ebf4ff;   /* PDF file chip (Figma 3419:254112)      */
  --qr-primary-dark: #0069d9;

  --qr-danger:       #c2333a;
  --qr-danger-soft:  #fdebec;
  --qr-warn:         #a66a00;
  --qr-warn-soft:    #fdf1de;
  --qr-ok:           #10794a;
  --qr-ok-soft:      #e6f4ed;

  --qr-pad:          20px;      /* Side paddings */
  --qr-content-min:  288px;     /* QR Content Min */
  --qr-content-max:  400px;
  --qr-panel:        355px;
  --qr-preview:      286px;     /* longest edge of the rendered frame */
  --qr-shell:        1200px;

  --qr-radius:       6px;
  --qr-radius-sm:    4px;

  --qr-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             Helvetica, Arial, sans-serif;
}