{
    "base": {
        "font-family": "\u0027Roboto Flex\u0027, sans-serif",
        "font-stretch": "100%",
        "line-height": "1.28",
        "font-scale": "majorSecond",
        "palette": {
            "app-background": "#e2e6f3",
            "brand-primary": "#ffffff",
            "brand-accent": "#003B70",
            "border-line": "#cfd5e2",
            "secondary-background": "#F3F4FA",
            "foreground-color": "#001d54",
            "interactive": "#3f57e4"
        },
        "border-radius": "1rem",
        "shadow": {
            "focus": "0 0 0 0.11rem #fff, 0 0 0 0.18rem #3F57E4, 0 0 0 0.3rem #3F57E41a",
            "focus-inset": "inset 0 0 0 0.11rem #fff, inset 0 0 0 0.18rem #3F57E4, inset 0 0 0 0.3rem #3F57E41a",
            "focus-group": "0 0 0 0.125rem #3F57E466",
            "focus-group-inset": "inset 0 0 0 0.125rem #3F57E466",
            "focus-solid": "0 0 0 0.0625rem rgb(63, 87, 228)",
            "focus-filter": "drop-shadow(0 0 0.125rem rgba(63, 87, 228, 0.30))"
        },
        "case-type-colors": "header-and-icon",
        "spacing": "0.65rem"
    },
    "components": {
        "avatar": {
            "background": "linear-gradient(180deg, hsl(220, 100%, 17%) 0%, hsl(220, 40%, 60%) 100%)",
            "background-color": "#000000"
        },
        "app-shell": {
            "nav": {
                "background": "#e2e6f3",
                "foreground-color": "#001F5F",
                "border-color": "transparent",
                "separator-color": "#cfd5e2",
                "create-button-background": "#f5f5fc",
                "nested-list-background": "#f5f5fc",
                "detached": true
            },
            "header": {
                "background": "#fff",
                "foreground-color": "#001F5F",
                "border-color": "#e2e6f3"
            }
        },
        "button": {
            "border-radius": 0.5,
            "foreground-color": "#ffffff",
            "color": "#3f57e4",
            "secondary-color": "#3f57e4"
        },
        "form-control": {
            "border-radius": 0.25,
            "border-color": "#8a8a8a"
        },
        "tabs": {
            "detached": true
        },
        "table": {
            "typography": {
                "font-stretch": "60%"
            },
            "striped-rows": true,
            "border": {
                "horizontal-inner": false,
                "horizontal-outer": false,
                "vertical-inner": false,
                "vertical-outer": false
            }
        },
        "badges": {
            "font-stretch": "60%"
        },
        "announcement": {
            "background": "#fff",
            "foreground-color": "#001f5f"
        },
        "agent": {
            "background": "linear-gradient(90deg, #f7f5ff 0%, #eff6fe 100%)",
            "user-message": {
                "background": "#681fc31a"
            },
            "coach-message": {
                "avatar": {
                    "background": "linear-gradient(219.11deg,rgba(255, 255, 255, 0.5) 9.91%, #ac75f0 123.32%,#681fc3 163.09%)"
                }
            }
        },
        "case-view": {
            "header": {
                "background": "#fff",
                "foreground-color": "#001f5f"
            },
            "icon": {
                "color": "#ffffff",
                "background": "linear-gradient(45deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end))",
                "box-shadow": "0 2px 2px -1px #0004, 0 1px 2px #0001, 0 4px 6px #0001, 0 9px 14px #0001, 0 16px 24px #0001"
            },
            "summary": {
                "detached": true
            },
            "utilities": {
                "detached": true,
                "background": "#F3F4FA",
                "icon-color": true
            },
            "assignments": {
                "detached": false,
                "background": "#fff"
            },
            "stages": {
                "status": {
                    "completed": {
                        "background": "#f6fef6",
                        "foreground-color": "#0b6a2b"
                    },
                    "current": {
                        "background": "#3f57e4",
                        "foreground-color": "#ffffff"
                    }
                }
            }
        },
        "field-value-list": {
            "inline": {
                "detached": true
            }
        },
        "label": {
            "foreground-color": "#001d54b3",
            "font-size": "s"
        },
        "link": {
            "color": "#3f57e4"
        },
        "text": {
            "brand-primary": {
                "font-family": "\u0027Roboto Flex\u0027, sans-serif",
                "font-weight": "600",
                "font-size": "l"
            },
            "h1": {
                "font-family": "Poppins, sans-serif"
            },
            "h2": {
                "font-family": "Poppins, sans-serif",
                "font-size": "xl"
            },
            "h3": {
                "font-family": "Poppins, sans-serif"
            },
            "h4": {
                "font-family": "Poppins, sans-serif"
            },
            "h5": {
                "font-family": "Poppins, sans-serif"
            },
            "h6": {
                "font-family": "Poppins, sans-serif"
            }
        }
    }
}