/**
 * 10px = 0.625rem
 * 12px = 0.75rem
 * 14px = 0.875rem
 * 16px = 1rem (base)
 * 18px = 1.125rem
 * 20px = 1.25rem
 * 24px = 1.5rem
 * 30px = 1.875rem
 * 32px = 2rem
 **/
 
/**
 * contrast ratio
 *   (L1 + 0.05) / (L2 + 0.05)
 *
 * Note 1: For the sRGB colorspace, the relative luminance of a color is defined as L = 0.2126 * R + 0.7152 * G + 0.0722 * B where R, G and B are defined as:
 * 
 *   if RsRGB <= 0.03928 then R = RsRGB/12.92 else R = ((RsRGB+0.055)/1.055) ^ 2.4
 *   if GsRGB <= 0.03928 then G = GsRGB/12.92 else G = ((GsRGB+0.055)/1.055) ^ 2.4
 *   if BsRGB <= 0.03928 then B = BsRGB/12.92 else B = ((BsRGB+0.055)/1.055) ^ 2.4
 * 
 * and RsRGB, GsRGB, and BsRGB are defined as:
 * 
 *   RsRGB = R8bit/255
 *   GsRGB = G8bit/255
 *   BsRGB = B8bit/255
 **/
:root {
  --min-width: 200px;
  --window-max: 1440;
  --window-min: 200;
  --window-ratio: calc((100vw - var(--min-width)) / (var(--window-max) - var(--window-min)));
  --tooltip-padding: 0.75rem;
  --tooltip-vert-shift: calc(-25% - (var(--tooltip-padding) / 2));
  --tooltip-bg-color: #e3f2ff;
  --tooltip-text-color: #3d3d3d;
  --tooltip-border-color: #2783f0;
}