$borderRadius: var(--readabler-popup-border-radius, 12px)
$buttonSize: 44px
$spacing: 10px

html
  --readabler-font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue"
  --readabler-color-transparent: rgba(66, 103, 255, .2)
  --readabler-color-transparent-dark: rgba(33, 111, 243, .2)
  --readabler-color-transparent-15: rgba(66, 103, 255, .15)
  --readabler-color-transparent-15-dark: rgba(33, 111, 243, .15)
  --readabler-color-transparent-25: rgba(66, 103, 255, .25)
  --readabler-color-transparent-25-dark: rgba(33, 111, 243, .25)
  --readabler-color-transparent-50: rgba(66, 103, 255, .5)
  --readabler-color-transparent-50-dark: rgba(33, 111, 243, .5)
  --readabler-animate: 600ms
  --readabler-text-magnifier-background-color: rgba(255, 255, 255, 0.9)
  --readabler-text-magnifier-background-color-light: rgba(255, 255, 255, 0.9)
  --readabler-text-magnifier-background-color-dark: rgba(255, 255, 255, 0.9)
  --readabler-text-magnifier-color: rgba(107, 107, 107, 1)
  --readabler-text-magnifier-color-light: rgba(107, 107, 107, 1)
  --readabler-text-magnifier-color-dark: rgba(107, 107, 107, 1)
  --readabler-text-magnifier-font-size: 36px

  // Button
  --readabler-btn-delay: 0s
  --readabler-open-button-icon-size: 24px
  --readabler-open-button-caption-size: 14px
  --readabler-open-button-margin-top: 10px
  --readabler-open-button-margin-right: 10px
  --readabler-open-button-margin-bottom: 10px
  --readabler-open-button-margin-left: 10px
  --readabler-open-button-margin: var(--readabler-open-button-margin-top, 10px) var(--readabler-open-button-margin-right, 10px) var(--readabler-open-button-margin-bottom, 10px) var(--readabler-open-button-margin-left, 10px)
  --readabler-open-button-padding-top: 20px
  --readabler-open-button-padding-right: 20px
  --readabler-open-button-padding-bottom: 20px
  --readabler-open-button-padding-left: 20px
  --readabler-open-button-padding: var(--readabler-open-button-padding-top, 20px) var(--readabler-open-button-padding-right, 20px) var(--readabler-open-button-padding-bottom, 20px) var(--readabler-open-button-padding-left, 20px)
  --readabler-open-button-border-radius-top: 50px
  --readabler-open-button-border-radius-right: 50px
  --readabler-open-button-border-radius-bottom: 50px
  --readabler-open-button-border-radius-left: 50px
  --readabler-open-button-border-radius: var(--readabler-open-button-border-radius-top, 50px) var(--readabler-open-button-border-radius-right, 50px) var(--readabler-open-button-border-radius-bottom, 50px) var(--readabler-open-button-border-radius-left, 50px)
  --readabler-button-icon-color-light: rgba(255, 255, 255, 1)
  --readabler-button-icon-color-hover-light: rgba(33, 111, 243, 1)
  --readabler-button-icon-color-focus-light: rgba(33, 111, 243, 1)
  --readabler-button-background-color-light: rgba(33, 111, 243, 1)
  --readabler-button-background-color-hover-light: rgba(255, 255, 255, 1)
  --readabler-button-background-color-focus-light: rgba(255, 255, 255, 1)
  --readabler-button-icon-color-dark: rgba(255, 255, 255, 1)
  --readabler-button-icon-color-hover-dark: rgba(33, 111, 243, 1)
  --readabler-button-icon-color-focus-dark: rgba(33, 111, 243, 1)
  --readabler-button-background-color-dark: rgba(33, 111, 243, 1)
  --readabler-button-background-color-hover-dark: rgba(255, 255, 255, 1)
  --readabler-button-background-color-focus-dark: rgba(255, 255, 255, 1)
  --readabler-popup-background-color-light: rgba(255, 255, 255, 1)
  --readabler-popup-key-color-light: rgba(33, 111, 243, 1)
  --readabler-popup-text-color-light: rgba(51, 51, 51, 1)
  --readabler-popup-background-color-dark: rgba(22, 25, 27, 1)
  --readabler-popup-key-color-dark: rgba(33, 111, 243, 1)
  --readabler-popup-text-color-dark: rgba(222, 239, 253, 1)
  --readabler-popup-margin-top: 20px
  --readabler-popup-margin-right: 20px
  --readabler-popup-margin-bottom: 20px
  --readabler-popup-margin-left: 20px
  --readabler-popup-margin: var(--readabler-popup-margin-top, 20px) var(--readabler-popup-margin-right, 20px) var(--readabler-popup-margin-bottom, 20px) var(--readabler-popup-margin-left, 20px)
  --readabler-popup-border-radius-top: 20px
  --readabler-popup-border-radius-right: 20px
  --readabler-popup-border-radius-bottom: 20px
  --readabler-popup-border-radius-left: 20px
  --readabler-popup-border-radius: var(--readabler-popup-border-radius-top, 20px) var(--readabler-popup-border-radius-right, 20px) var(--readabler-popup-border-radius-bottom, 20px) var(--readabler-popup-border-radius-left, 20px)
  --readabler-overlay-color-light: rgba(2, 83, 238, .25)
  --readabler-overlay-color-dark: rgba(2, 83, 238, .25)