{
    "base": {
        "font-family": "'Roboto Flex', sans-serif",
        "font-stretch": "100%",
        "line-height": "1.28",
        "font-scale": "majorSecond",
        "palette": {
            "ai": "#d6bcf5",
            "app-background": "#181b25",
            "brand-primary": "#313749",
            "brand-accent": "#003B70",
            "border-line": "#515c7b",
            "secondary-background": "#414962",
            "foreground-color": "#fff",
            "interactive": "#add4fb",
            "primary-background": "#252937"
        },
        "border-radius": "1rem",
        "shadow": {
            "focus": "0 0 0 0.11rem #181b25, 0 0 0 0.18rem #add4fb, 0 0 0 0.3rem #add4fb1a",
            "focus-inset": "inset 0 0 0 0.11rem #181b25, inset 0 0 0 0.18rem #add4fb, inset 0 0 0 0.3rem #add4fb1a",
            "focus-group": "0 0 0 0.125rem #add4fb66",
            "focus-group-inset": "inset 0 0 0 0.125rem #add4fb66",
            "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))",
            "high": "0 0 0 1px #2f3546, 0 0.125rem 1.5rem rgba(0,0,0,.8)",
            "low": "0 0 0 1px #2f3546, 0 0.125rem 0.5rem rgba(0,0,0,.6)"
        },
        "case-type-colors": "header-and-icon",
        "spacing": "0.65rem"
    },
    "components": {
        "avatar": {
            "background": "linear-gradient(45deg, hsl(220, 100%, 17%) 0%, hsl(220, 40%, 60%) 100%)",
            "background-color": "#5570a9"
        },
        "app-shell": {
            "nav": {
                "background": "#181b25",
                "foreground-color": "auto",
                "border-color": "transparent",
                "create-button-background": "#252937",
                "nested-list-background": "#252937",
                "detached": true
            },
            "header": {
                "background": "#313749",
                "foreground-color": "auto",
                "border-color": "transparent",
                "app-name-color": "auto"
            }
        },
        "button": {
            "border-radius": 0.5,
            "foreground-color": "auto",
            "color": "#add4fb",
            "secondary-color": "#add4fb"
        },
        "form-control": {
            "border-radius": 0.25,
            "border-color": "#7581a3",
            "background-color": "#191C24",
            ":read-only": {
                "background-color": "#41475c"
            }
        },
        "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%",
            "status": {
                "success": {
                    "foreground": "#7ee791",
                    "background": "#0b381a"
                },
                "urgent": {
                    "foreground": "#f66f78",
                    "background": "#570006"
                },
                "warn": {
                    "foreground": "#ffaa75",
                    "background": "#5a2401"
                },
                "pending": {
                    "foreground": "#d6bcf5",
                    "background": "#341061"
                },
                "info": {
                    "foreground": "#e9eef3",
                    "background": "#4c5a67"
                }
            }
        },
        "announcement": {
            "background": "#313749",
            "foreground-color": "auto"
        },
        "agent": {
            "background": "linear-gradient(45deg, #422e6b 0%, #2c3249 100%)",
            "foreground-color": "#ffffff",
            "user-message": {
                "background": "#AD81E41a",
                "foreground-color": "#ffffff"
            },
            "coach-message": {
                "avatar": {
                    "background": "linear-gradient(219.11deg,rgba(49,44,73,.5) 9%, #460f8a 123.32%,#8243d0 163.09%)"
                }
            }
        },
        "case-view": {
            "header": {
                "background-color": "#252937",
                "foreground-color": "auto"
            },
            "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": "#181b25",
                "foreground-color": "auto",
                "icon-color": true
            },
            "assignments": {
                "detached": false,
                "background": "#313749"
            },
            "stages": {
                "status": {
                    "completed": {
                        "background": "#A9EFB6",
                        "foreground-color": "#0b381a"
                    },
                    "current": {
                        "background": "#add4fb",
                        "foreground-color": "auto"
                    },
                    "pending": {
                        "background": "#313749",
                        "foreground-color": "auto"
                    }
                }
            }
        },
        "field-value-list": {
            "inline": {
                "detached": true
            }
        },
        "label": {
            "foreground-color": "#ffffffb3",
            "font-size": "s"
        },
        "link": {
            "color": "#add4fb"
        },
        "text": {
            "brand-primary": {
                "font-family": "'Roboto Flex', 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"
            }
        },
        "card": {
            "background": "#252937"
        }
    }
}