---
spacer: "1rem"
spacers:
  6: "($spacer * 6)"
  7: "($spacer * 7)"
  20: "($spacer * 1.25)"
  32: "($spacer * 2)"
  50: "($spacer * 3.125)"
  60: "($spacer * 3.75)"
  150: "9.375rem"
btn_transition: "all 250ms ease-in-out"
btn_font_size: "0.8rem"
btn_padding_y: "1.5rem"
btn_line_height: "1"
colors:
  black: "#000000"
  white: "#ffffff"
  transparent: "transparent"
  blue: "#564FE3"
  light_blue: "#9995ef"
  light_gray: "#eeeeee"
  lighter_blue: "#cccaf7"
letter_spacings:
  1: "0.1rem"
  2: "0.16rem"
  3: "0.3rem"
pixel_densities:
- "1"
- "1.5"
- "2"
grid_breakpoints:
  xs: "0"
  sm: "576px"
  md: "768px"
  lg: "992px"
  xl: "1200px"
embed_responsive_aspect_ratios:
- "(21 9)"
- "(16 9)"
- "(4 3)"
- "(1 1)"
- "(700 350)"
- "(2 1)"
display3_size: "3.9375rem"
display4_size: "1.875rem"
enable_responsive_font_sizes: true
lead_font_size: "1.3125rem"
font_sizes:
  14: "0.875"
  16: "1"
  17: "1.0625"
  19: "1.1875"
  25: "1.5625"
sizes:
sizes:
  67px: "4.1875rem"
  44px: "2.75rem"
  54px: "3.375rem"
  36px: "2.25rem"
  49px: "3.0625rem"
  74px: "4.625rem"
  221px: "13.8125rem"
  333px: "20.8125rem"
  780px: "780px"
  1200px: "78rem"
directions:
- "top"
- "left"
- "right"
- "bottom"
svg_attributes:
- "fill"
- "stroke"
cursors:
- "pointer"
- "none"
border_width: "1px"
border_widths:
  1: "1px"
  2: "2px"
  3: "3px"
  4: "4px"
  5: "5px"
progress_bg: "transparent"
progress_bar_bg: "#9995ef"
progress_height: "4.625rem"
opacities:
  0: "-100%"
  1: "-80%"
  2: "-60%"
  3: "-40%"
  4: "-20%"
  5: "0%"
progress_border_radius: "0"
transform_scales:
  n8: "0.8"
  1: "1"
directions:
- "top"
- "right"
- "bottom"
- "left"
container_max_widths:
  sm: "576px"
  md: "768px"
  lg: "1200px"
  xl: "1201px"
layout_class:
  support: "support-background"
  home: "support-background"
  about: "support-background"
background_images:
  fondo: "$background-image"