{
  "button": {
    "primary": {
      "background": "hsl(0, 0%, 0%)",
      "backgroundHover": "hsl(222, 11%, 36%)",
      "backgroundActive": "hsl(218, 8%, 55%)",
      "backgroundDisabled": "hsl(219, 8%, 65%)",
      "text": "hsl(0, 0%, 100%)",
      "textHover": "hsl(0, 0%, 100%)",
      "textActive": "hsl(0, 0%, 100%)",
      "textDisabled": "hsl(0, 0%, 100%)",
      "border": "hsl(0, 0%, 0%)",
      "borderHover": "hsl(222, 11%, 36%)",
      "borderActive": "hsl(218, 8%, 55%)",
      "borderDisabled": "hsl(219, 8%, 65%)",
      "fontSize": "1.6rem",
      "lineHeight": "1.3",
      "borderRadius": "0.4rem",
      "borderWidth": "0.1rem"
    },
    "secondary": {
      "background": "hsl(0, 0%, 100%)",
      "backgroundHover": "hsl(210, 7%, 95%)",
      "backgroundActive": "hsl(228, 8%, 88%)",
      "backgroundDisabled": "hsl(222, 8%, 77%)",
      "text": "hsl(0, 0%, 0%)",
      "textHover": "hsl(0, 0%, 0%)",
      "textActive": "hsl(0, 0%, 0%)",
      "textDisabled": "hsl(0, 0%, 0%)",
      "border": "hsl(228, 8%, 88%)",
      "borderHover": "hsl(219, 8%, 65%)",
      "borderActive": "hsl(0, 0%, 0%)",
      "borderDisabled": "hsl(219, 8%, 65%)",
      "fontSize": "1.6rem",
      "lineHeight": "1.3",
      "borderRadius": "0.4rem",
      "borderWidth": "0.1rem"
    },
    "tertiary": {
      "background": "hsl(0, 0%, 100%)",
      "backgroundHover": "hsl(210, 7%, 95%)",
      "backgroundActive": "hsl(228, 8%, 88%)",
      "backgroundDisabled": "hsl(222, 8%, 77%)",
      "text": "hsl(0, 0%, 0%)",
      "textHover": "hsl(0, 0%, 0%)",
      "textActive": "hsl(0, 0%, 0%)",
      "textDisabled": "hsl(0, 0%, 0%)",
      "border": "hsla(0, 0%, 0%, 0)",
      "borderHover": "hsl(228, 8%, 88%)",
      "borderActive": "hsl(0, 0%, 0%)",
      "borderDisabled": "hsla(0, 0%, 0%, 0)",
      "fontSize": "1.6rem",
      "lineHeight": "1.3",
      "borderRadius": "0.4rem",
      "borderWidth": "0.1rem"
    },
    "danger": {
      "primary": {
        "background": "hsl(9, 79%, 34%)",
        "backgroundHover": "hsl(2, 72%, 29%)",
        "backgroundActive": "hsl(9, 79%, 34%)",
        "backgroundDisabled": "hsl(0, 78%, 63%)",
        "text": "hsl(0, 0%, 100%)",
        "textHover": "hsl(0, 0%, 100%)",
        "textActive": "hsl(0, 0%, 100%)",
        "textDisabled": "hsl(0, 0%, 100%)",
        "border": "hsl(9, 79%, 34%)",
        "borderHover": "hsl(2, 72%, 29%)",
        "borderActive": "hsl(9, 79%, 34%)",
        "borderDisabled": "hsl(0, 78%, 63%)",
        "fontSize": "1.6rem",
        "lineHeight": "1.3",
        "borderRadius": "0.4rem",
        "borderWidth": "0.1rem"
      },
      "secondary": {
        "background": "hsl(0, 0%, 100%)",
        "backgroundHover": "hsl(210, 7%, 95%)",
        "backgroundActive": "hsl(228, 8%, 88%)",
        "backgroundDisabled": "hsl(222, 8%, 77%)",
        "text": "hsl(9, 79%, 34%)",
        "textHover": "hsl(9, 79%, 34%)",
        "textActive": "hsl(9, 79%, 34%)",
        "textDisabled": "hsl(9, 79%, 34%)",
        "border": "hsl(0, 0%, 100%)",
        "borderHover": "hsl(210, 7%, 95%)",
        "borderActive": "hsl(228, 8%, 88%)",
        "borderDisabled": "hsl(222, 8%, 77%)",
        "fontSize": "1.6rem",
        "lineHeight": "1.3",
        "borderRadius": "0.4rem",
        "borderWidth": "0.1rem"
      }
    },
    "size": {
      "sm": {
        "padding-inline": "0.4rem",
        "padding-block": "0.4rem",
        "minWidth": "48px"
      },
      "md": {
        "padding-inline": "0.8rem",
        "padding-block": "0.8rem",
        "minWidth": "48px"
      },
      "lg": {
        "padding-inline": "1.6rem",
        "padding-block": "1.6rem",
        "minWidth": "48px"
      }
    }
  },
  "color": {
    "background": {
      "primary": "hsl(0, 0%, 100%)",
      "secondary": "hsl(0, 0%, 98%)",
      "tertiary": "hsl(210, 7%, 95%)",
      "inverse": "hsl(0, 0%, 0%)",
      "overlay": "hsla(0, 0%, 0%, 0.3)",
      "backdrop": "hsla(0, 0%, 0%, 0.05)",
      "elevated": "hsl(0, 0%, 100%)",
      "sunken": "hsl(0, 0%, 98%)"
    },
    "surface": {
      "primary": "hsl(0, 0%, 100%)",
      "secondary": "hsl(0, 0%, 98%)",
      "tertiary": "hsl(210, 7%, 95%)",
      "hover": "hsl(210, 7%, 95%)",
      "active": "hsl(228, 8%, 88%)",
      "disabled": "hsl(219, 8%, 65%)",
      "selected": "hsl(0, 0%, 100%)",
      "inverse": "hsl(0, 0%, 0%)"
    },
    "border": {
      "primary": "hsl(210, 7%, 95%)",
      "secondary": "hsl(228, 8%, 88%)",
      "tertiary": "hsl(218, 8%, 55%)",
      "interactive": "hsl(228, 8%, 88%)",
      "hover": "hsl(219, 8%, 65%)",
      "focus": "hsl(0, 0%, 0%)",
      "error": "hsl(9, 79%, 34%)",
      "success": "hsl(145, 81%, 25%)",
      "warning": "hsl(29, 100%, 50%)",
      "info": "hsl(209, 82%, 49%)",
      "disabled": "hsl(219, 8%, 65%)",
      "readonly": "hsl(0, 0%, 0%)",
      "inverse": "hsl(0, 0%, 0%)"
    },
    "text": {
      "primary": "hsl(0, 0%, 0%)",
      "secondary": "hsl(222, 11%, 36%)",
      "tertiary": "hsl(221, 11%, 45%)",
      "quaternary": "hsl(218, 8%, 55%)",
      "placeholder": "hsl(218, 8%, 55%)",
      "disabled": "hsl(219, 8%, 65%)",
      "inverse": "hsl(0, 0%, 100%)",
      "link": "hsl(0, 0%, 0%)",
      "linkHover": "hsl(222, 11%, 36%)",
      "linkVisited": "hsl(221, 11%, 45%)",
      "error": "hsl(9, 79%, 34%)",
      "success": "hsl(145, 81%, 25%)",
      "warning": "hsl(29, 100%, 27%)",
      "info": "hsl(209, 82%, 49%)"
    },
    "icon": {
      "primary": "hsl(0, 0%, 0%)",
      "secondary": "hsl(221, 11%, 45%)",
      "tertiary": "hsl(218, 8%, 55%)",
      "interactive": "hsl(0, 0%, 0%)",
      "hover": "hsl(222, 11%, 36%)",
      "active": "hsl(0, 0%, 0%)",
      "disabled": "hsl(219, 8%, 65%)",
      "inverse": "hsl(0, 0%, 100%)",
      "error": "hsl(9, 79%, 34%)",
      "success": "hsl(145, 81%, 25%)",
      "warning": "hsl(29, 100%, 27%)",
      "info": "hsl(209, 82%, 49%)"
    },
    "interactive": {
      "primary": {
        "default": "hsl(0, 0%, 0%)",
        "hover": "hsl(222, 11%, 36%)",
        "active": "hsl(218, 8%, 55%)",
        "disabled": "hsl(219, 8%, 65%)"
      },
      "inverse": {
        "default": "hsl(0, 0%, 100%)",
        "hover": "hsl(210, 7%, 95%)",
        "active": "hsl(228, 8%, 88%)",
        "disabled": "hsl(222, 8%, 77%)"
      },
      "success": {
        "default": "hsl(145, 81%, 35%)",
        "hover": "hsl(145, 81%, 25%)",
        "active": "hsl(145, 81%, 35%)",
        "disabled": "hsl(131, 67%, 76%)"
      },
      "warning": {
        "default": "hsl(29, 100%, 38%)",
        "hover": "hsl(29, 100%, 27%)",
        "active": "hsl(29, 100%, 38%)",
        "disabled": "hsl(26, 100%, 64%)"
      },
      "info": {
        "default": "hsl(209, 82%, 37%)",
        "hover": "hsl(209, 79%, 31%)",
        "active": "hsl(209, 82%, 37%)",
        "disabled": "hsl(217, 75%, 66%)"
      },
      "error": {
        "default": "hsl(9, 79%, 34%)",
        "hover": "hsl(2, 72%, 29%)",
        "active": "hsl(9, 79%, 34%)",
        "disabled": "hsl(0, 78%, 63%)"
      }
    },
    "status": {
      "success": {
        "base": "hsl(145, 81%, 35%)",
        "light": "hsl(128, 68%, 85%)",
        "dark": "hsl(145, 81%, 25%)",
        "contrast": "hsl(126, 71%, 95%)"
      },
      "warning": {
        "base": "hsl(29, 100%, 38%)",
        "light": "hsl(27, 100%, 84%)",
        "dark": "hsl(29, 100%, 27%)",
        "contrast": "hsl(27, 100%, 94%)"
      },
      "info": {
        "base": "hsl(209, 82%, 49%)",
        "light": "hsl(222, 76%, 85%)",
        "dark": "hsl(209, 79%, 31%)",
        "contrast": "hsl(224, 79%, 95%)"
      },
      "error": {
        "base": "hsl(9, 79%, 34%)",
        "light": "hsl(351, 93%, 83%)",
        "dark": "hsl(2, 72%, 29%)",
        "contrast": "hsl(7, 94%, 93%)"
      }
    },
    "brand": {
      "primary": {
        "base": "hsl(54, 100%, 44%)",
        "light": "hsl(58, 100%, 92%)",
        "lighter": "hsl(60, 100%, 81%)",
        "dark": "hsl(49, 87%, 37%)",
        "contrast": "hsl(60, 100%, 97%)"
      },
      "secondary": {
        "base": "hsl(209, 82%, 49%)",
        "light": "hsl(222, 76%, 85%)",
        "lighter": "hsl(220, 75%, 76%)",
        "dark": "hsl(209, 79%, 31%)",
        "contrast": "hsl(224, 79%, 95%)"
      },
      "accent": {
        "base": "hsl(263, 50%, 43%)",
        "light": "hsl(267, 69%, 85%)",
        "lighter": "hsl(266, 67%, 75%)",
        "dark": "hsl(263, 51%, 35%)",
        "contrast": "hsl(269, 100%, 96%)"
      }
    }
  },
  "focusRing": {
    "width": "0.2rem",
    "offset": "0.2rem",
    "color": "hsl(209, 82%, 49%)",
    "transition": "outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1)"
  },
  "input": {
    "height": "4.8rem",
    "padding-inline": "0.8rem",
    "borderRadius": "0.4rem",
    "borderWidth": "0.1rem",
    "borderWidthFocus": "0.2rem",
    "fontSize": "1.6rem",
    "lineHeight": "1.3",
    "transition": "background-color 150ms ease, box-shadow 150ms ease",
    "background": "hsl(210, 7%, 95%)",
    "backgroundError": "hsl(7, 94%, 93%)",
    "backgroundWarning": "hsl(27, 100%, 94%)",
    "backgroundSuccess": "hsl(126, 71%, 95%)",
    "backgroundFocus": "hsl(224, 79%, 95%)",
    "backgroundReadonly": "hsla(0, 0%, 0%, 0)",
    "backgroundDisabled": "hsl(0, 0%, 98%)",
    "border": "hsl(218, 8%, 55%)",
    "borderError": "hsl(9, 79%, 34%)",
    "borderWarning": "hsl(29, 100%, 50%)",
    "borderSuccess": "hsl(145, 81%, 25%)",
    "borderFocus": "hsl(209, 82%, 49%)",
    "borderDisabled": "hsl(219, 8%, 65%)",
    "text": "hsl(0, 0%, 0%)",
    "textPlaceholder": "hsl(218, 8%, 55%)",
    "textDisabled": "hsl(219, 8%, 65%)",
    "icon": {
      "size": "1.6rem",
      "color": "hsl(221, 11%, 45%)",
      "colorDisabled": "hsl(219, 8%, 65%)",
      "gap": "0.8rem"
    },
    "label": {
      "fontSize": "1.2rem",
      "color": "hsl(0, 0%, 0%)",
      "gap": {
        "blockEnd": "0.4rem",
        "inlineStart": "0.8rem"
      }
    },
    "message": {
      "fontSize": "1.4rem",
      "gap": "0.4rem",
      "colorError": "hsl(9, 79%, 34%)",
      "colorWarning": "hsl(29, 100%, 27%)",
      "colorSuccess": "hsl(145, 81%, 25%)"
    }
  },
  "typography": {
    "display": {
      "100": {
        "fontFamily": "FavoritStd-MediumExtended, system-ui, sans-serif",
        "fontSize": "5.2rem",
        "lineHeight": "1.2",
        "letterSpacing": "-0.02em",
        "color": "hsl(0, 0%, 0%)",
        "inverse": "hsl(0, 0%, 100%)"
      },
      "200": {
        "fontFamily": "FavoritStd-MediumExtended, system-ui, sans-serif",
        "fontSize": "4rem",
        "lineHeight": "1.2",
        "letterSpacing": "-0.02em",
        "color": "hsl(0, 0%, 0%)",
        "inverse": "hsl(0, 0%, 100%)"
      },
      "300": {
        "fontFamily": "FavoritStd-MediumExtended, system-ui, sans-serif",
        "fontSize": "3.2rem",
        "lineHeight": "1.2",
        "letterSpacing": "-0.02em",
        "color": "hsl(0, 0%, 0%)",
        "inverse": "hsl(0, 0%, 100%)"
      },
      "400": {
        "fontFamily": "FavoritStd-MediumExtended, system-ui, sans-serif",
        "fontSize": "2.4rem",
        "lineHeight": "1.2",
        "letterSpacing": "-0.02em",
        "color": "hsl(0, 0%, 0%)",
        "inverse": "hsl(0, 0%, 100%)"
      },
      "500": {
        "fontFamily": "FavoritStd-MediumExtended, system-ui, sans-serif",
        "fontSize": "2rem",
        "lineHeight": "1.2",
        "letterSpacing": "-0.02em",
        "color": "hsl(0, 0%, 0%)",
        "inverse": "hsl(0, 0%, 100%)"
      }
    },
    "heading": {
      "100": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontWeight": 500,
        "fontSize": "5.2rem",
        "lineHeight": "1.3",
        "letterSpacing": "-0.01em",
        "color": "hsl(0, 0%, 0%)",
        "inverse": "hsl(0, 0%, 100%)"
      },
      "200": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontWeight": 500,
        "fontSize": "4rem",
        "lineHeight": "1.3",
        "letterSpacing": "-0.01em",
        "color": "hsl(0, 0%, 0%)",
        "inverse": "hsl(0, 0%, 100%)"
      },
      "300": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontWeight": 500,
        "fontSize": "3.2rem",
        "lineHeight": "1.3",
        "letterSpacing": "-0.01em",
        "color": "hsl(0, 0%, 0%)",
        "inverse": "hsl(0, 0%, 100%)"
      },
      "400": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontWeight": 500,
        "fontSize": "2.4rem",
        "lineHeight": "1.3",
        "letterSpacing": "-0.01em",
        "color": "hsl(0, 0%, 0%)",
        "inverse": "hsl(0, 0%, 100%)"
      },
      "500": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontWeight": 500,
        "fontSize": "2rem",
        "lineHeight": "1.3",
        "letterSpacing": "-0.01em",
        "color": "hsl(0, 0%, 0%)",
        "inverse": "hsl(0, 0%, 100%)"
      }
    },
    "body": {
      "large": {
        "default": {
          "fontFamily": "Inter, system-ui, sans-serif",
          "fontWeight": 400,
          "fontSize": "2rem",
          "lineHeight": "1.3",
          "letterSpacing": 0,
          "color": "hsl(0, 0%, 0%)",
          "inverse": "hsl(0, 0%, 100%)"
        },
        "medium": {
          "fontFamily": "Inter, system-ui, sans-serif",
          "fontWeight": 500,
          "fontSize": "2rem",
          "lineHeight": "1.3",
          "letterSpacing": 0,
          "color": "hsl(0, 0%, 0%)",
          "inverse": "hsl(0, 0%, 100%)"
        }
      },
      "base": {
        "default": {
          "fontFamily": "Inter, system-ui, sans-serif",
          "fontWeight": 400,
          "fontSize": "1.6rem",
          "lineHeight": "1.3",
          "letterSpacing": 0,
          "color": "hsl(0, 0%, 0%)",
          "inverse": "hsl(0, 0%, 100%)"
        },
        "medium": {
          "fontFamily": "Inter, system-ui, sans-serif",
          "fontWeight": 500,
          "fontSize": "1.6rem",
          "lineHeight": "1.3",
          "letterSpacing": 0,
          "color": "hsl(0, 0%, 0%)",
          "inverse": "hsl(0, 0%, 100%)"
        }
      },
      "small": {
        "default": {
          "fontFamily": "Inter, system-ui, sans-serif",
          "fontWeight": 400,
          "fontSize": "1.4rem",
          "lineHeight": "1.3",
          "letterSpacing": 0,
          "color": "hsl(0, 0%, 0%)",
          "inverse": "hsl(0, 0%, 100%)"
        },
        "medium": {
          "fontFamily": "Inter, system-ui, sans-serif",
          "fontWeight": 500,
          "fontSize": "1.4rem",
          "lineHeight": "1.3",
          "letterSpacing": 0,
          "color": "hsl(0, 0%, 0%)",
          "inverse": "hsl(0, 0%, 100%)"
        }
      }
    },
    "label": {
      "base": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontWeight": 400,
        "fontSize": "1.2rem",
        "lineHeight": "1.3",
        "letterSpacing": "0.01em",
        "color": "hsl(0, 0%, 0%)",
        "inverse": "hsl(0, 0%, 100%)"
      }
    },
    "caption": {
      "fontFamily": "Inter, system-ui, sans-serif",
      "fontWeight": 400,
      "fontSize": "1.2rem",
      "lineHeight": "1.3",
      "letterSpacing": "0.01em",
      "color": "hsl(222, 11%, 36%)",
      "inverse": "hsl(0, 0%, 100%)"
    },
    "overline": {
      "fontFamily": "Inter, system-ui, sans-serif",
      "fontWeight": 400,
      "fontSize": "1.2rem",
      "lineHeight": "1.3",
      "letterSpacing": "0.01em",
      "color": "hsl(0, 0%, 0%)",
      "inverse": "hsl(0, 0%, 100%)"
    }
  }
}