{
    "fontFamily": {
        "sans": ["Roboto"],
        "roboto": ["Roboto"]
    },
    "colors": {
        "inherit": "inherit",
        "textcolor-component": "var(--colors-text-component)",
        "color-active-component": "var(--colors-active-component)",
        "alpha-100": "var(--colors-alpha-100)",
        "alpha-500": "var(--colors-alpha-500)",
        "alpha-600": "var(--colors-alpha-600)",
        "alpha-700": "var(--colors-alpha-700)",
        "beta-100": "var(--colors-beta-100)",
        "beta-500": "var(--colors-beta-500)",
        "beta-600": "var(--colors-beta-600)",
        "beta-700": "var(--colors-beta-700)",
        "gama-25": "var(--colors-gama-25)",
        "gama-50": "var(--colors-gama-50)",
        "gama-100": "var(--colors-gama-100)",
        "gama-200": "var(--colors-gama-200)",
        "gama-300": "var(--colors-gama-300)",
        "gama-400": "var(--colors-gama-400)",
        "gama-500": "var(--colors-gama-500)",
        "gama-600": "var(--colors-gama-600)",
        "gama-700": "var(--colors-gama-700)",
        "gama-800": "var(--colors-gama-800)",
        "gama-900": "var(--colors-gama-900)",
        "delta-10": "var(--colors-delta-10)",
        "delta-50": "var(--colors-delta-50)",
        "delta-100": "var(--colors-delta-100)",
        "delta-200": "var(--colors-delta-200)",
        "delta-300": "var(--colors-delta-300)",
        "delta-400": "var(--colors-delta-400)",
        "delta-500": "var(--colors-delta-500)",
        "delta-600": "var(--colors-delta-600)",
        "delta-700": "var(--colors-delta-700)",
        "delta-800": "var(--colors-delta-800)",
        "delta-900": "var(--colors-delta-900)",
        "delta-9000": "var(--colors-gray-9000)",
        "sigma-700": "var(--colors-sigma-700)",
        "theta-100": "var(--colors-theta-100)",
        "theta-200": "var(--colors-theta-200)",
        "theta-300": "var(--colors-theta-300)",
        "theta-400": "var(--colors-theta-400)",
        "theta-500": "var(--colors-theta-500)",
        "theta-600": "var(--colors-theta-600)",
        "theta-700": "var(--colors-theta-700)",
        "theta-800": "var(--colors-theta-800)",
        "success-50": "var(--colors-success-50)",
        "success-100": "var(--colors-success-100)",
        "success-300": "var(--colors-success-300)",
        "success-500": "var(--colors-success-500)",
        "success-700": "var(--colors-success-700)",
        "success-800": "var(--colors-success-800)",
        "warning-50": "var(--colors-warning-50)",
        "warning-100": "var(--colors-warning-100)",
        "warning-300": "var(--colors-warning-300)",
        "warning-500": "var(--colors-warning-500)",
        "warning-700": "var(--colors-warning-700)",
        "warning-800": "var(--colors-warning-800)",
        "error-50": "var(--colors-error-50)",
        "error-100": "var(--colors-error-100)",
        "error-300": "var(--colors-error-300)",
        "error-500": "var(--colors-error-500)",
        "error-600": "var(--colors-error-600)",
        "error-700": "var(--colors-error-700)",
        "info-50": "var(--colors-info-50)",
        "info-300": "var(--colors-info-300)",
        "info-400": "var(--colors-info-400)",
        "info-500": "var(--colors-info-500)",
        "info-700": "var(--colors-info-700)",
        "info-800": "var(--colors-info-800)",
        "theta-hover": "var(--colors-theta-hover)",
        "btn-bg": "var(--colors-btn-bg-standart)",
        "btn-bg-active": "var(--colors-btn-bg-active)",
        "btn-bg-hover": "var(--colors-btn-bg-hover)",
        "btn-bg-disabled": "var(--colors-btn-bg-disabled)",
        "btn-bg-danger": "var(--colors-btn-bg-danger)",
        "btn-bg-danger-active": "var(--colors-btn-bg-danger-active)",
        "btn-task-status-bg": "var(--colors-btn-task-status-bg)",
        "btn-bg-mini-action": "var(--colors-btn-bg-mini-action)",
        "btn-bg-mini-action-hover": "var(--colors-btn-bg-mini-action-hover)",
        "chat-ticket-message-bg": "var(--colors-chat-ticket-message-bg)",
        "colors-topbar-text": "var(--colors-topbar-text)",
        "custom-grey-01": "hsl(var(--color-cardea--grey-01) / <alpha-value>)",
        "custom-grey-02": "hsl(var(--color-cardea--grey-02) / <alpha-value>)",
        "custom-grey-03": "hsl(var(--color-cardea--grey-03) / <alpha-value>)",
        "custom-grey-04": "hsl(var(--color-cardea--grey-04) / <alpha-value>)",
        "custom-grey-06": "hsl(var(--color-cardea--grey-06) / <alpha-value>)"
    },
    "boxShadow": {
        "ash": "-1px 8px 18px -20px black",
        "mui": "0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)"
    },
    "animation": {
        "slide-in": "slide-in 0.3s linear",
        "slide-out": "slide-out 0.3s linear",
        "opacity-in": "opacity-in 0.1s linear",
        "opacity-in-5": "opacity-in 0.5s linear",
        "opacity-appear-3": "opacity-appear 0.3s linear",
        "opacity-appear-1s": "opacity-appear 1s linear",
        "opacity-out": "opacity-out 0.3s linear",
        "spin": "spin 1s linear infinite"
    },
    "keyframes": {
        "slide-in": {
            "0%": {
                "margin": "0 0 0 -320px"
            },
            "100%": {
                "margin": "0"
            }
        },
        "slide-out": {
            "0%": {
                "margin": "0"
            },
            "100%": {
                "margin": "0 0 0 -320px"
            }
        },
        "opacity-in": {
            "0%": {
                "opacity": "0",
                "height": "100%"
            },
            "100%": {
                "opacity": "1",
                "height": "100%"
            }
        },
        "opacity-appear": {
            "0%": {
                "height": "0",
                "opacity": "0"
            },
            "100%": {
                "height": "100%",
                "opacity": "1"
            }
        },
        "opacity-out": {
            "0%": {
                "opacity": "1",
                "height": "100%"
            },
            "60%": {
                "opacity": "1",
                "height": "100%"
            },
            "100%": {
                "opacity": "0",
                "height": "100%"
            }
        },
        "spin": {
            "0%": {
                "transform": "rotate(0deg)"
            },
            "100%": {
                "transform": "rotate(360deg)"
            }
        }
    }
}