{
    "_comments": [
        {
            "size": "Estrutura Size usando os 9 tamanhos padrão do guia de CSS. Parametro \"base\" deve sempre ser a propriedade mais utilizada pela view"
        },
        {
            "weight": "Estrutura Weight para decoração de texto ou diferentes estilos de tipografia como headers ou labels customizadas. Parametro \"base\" deve sempre ser a propriedade mais utilizada pela view"
        },
        {
            "TODO": [
                "Adicionar outras estruturas quando necessário, como a \"font-family\" "
            ]
        }
    ],
    "font": {
        "base": { "value": "16px" },
        "display-1": { "value": "1.5rem" },
        "display-2": { "value": "1.25rem" },
        "display-3": { "value": "1rem" },
        "display-4": { "value": "0.875rem" },
        "display-5": { "value": "0.75rem" },
        "display-6": { "value": "0.625rem" },
        "display-7": { "value": "0.5rem" }
    },
    "icon": {
        "small": { "value": "18px" },
        "medium": { "value": "24px" },
        "large": { "value": "32px" },
        "xl": { "value": "36px" },
        "xxl": { "value": "48px" }
    },
    "font-breakpoint": {
        "small": { "value": "14px" },
        "medium": { "value": "16px" },
        "large": { "value": "18px" }
    },
    "weight": {
        "font": {
            "light": { "value": "300" },
            "regular": { "value": "400" },
            "medium": { "value": "500" },
            "semi-bold": { "value": "600" },
            "bold": { "value": "700" },
            "extra-bold": { "value": "800" },
            "black": { "value": "900" },
            "base": { "value": "{weight.font.medium.value}" }
        }
    }
}