{
    "1": {
        "elevation-1": {
            "name": "1",
            "subState": "",
            "darkValue": "0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",
            "darkOriginalValue": "07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0",
            "lightValue": "0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",
            "lightOriginalValue": "3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0"
        }
    },
    "2": {
        "elevation-2": {
            "name": "2",
            "subState": "",
            "darkValue": "0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",
            "darkOriginalValue": "12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0",
            "lightValue": "0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",
            "lightOriginalValue": "12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0"
        }
    },
    "3": {
        "elevation-3": {
            "name": "3",
            "subState": "",
            "darkValue": "0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",
            "darkOriginalValue": "20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0",
            "lightValue": "0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",
            "lightOriginalValue": "5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0"
        }
    },
    "4": {
        "elevation-4": {
            "name": "4",
            "subState": "",
            "darkValue": "0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",
            "darkOriginalValue": "24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0",
            "lightValue": "0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)",
            "lightOriginalValue": "12), 0px 32px 112px rgba(0, 0, 0, 0"
        }
    },
    "badge": {
        "color-badge-background-default": {
            "name": "badge.background",
            "subState": "default",
            "darkValue": "rgba(255, 255, 255, 0)",
            "darkOriginalValue": "neutral.transparent",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-badge-background-green": {
            "name": "badge.background",
            "subState": "green",
            "darkValue": "#233d3d",
            "darkOriginalValue": "night-green.dark01",
            "lightValue": "#e8f8f4",
            "lightOriginalValue": "green.light03"
        },
        "color-badge-background-blue": {
            "name": "badge.background",
            "subState": "blue",
            "darkValue": "#29364c",
            "darkOriginalValue": "night-blue.dark01",
            "lightValue": "#e7effe",
            "lightOriginalValue": "blue.light03"
        },
        "color-badge-background-yellow": {
            "name": "badge.background",
            "subState": "yellow",
            "darkValue": "#4d412c",
            "darkOriginalValue": "night-orange.dark01",
            "lightValue": "#fef3e1",
            "lightOriginalValue": "orange.light03"
        },
        "color-badge-background-brand": {
            "name": "badge.background",
            "subState": "brand",
            "darkValue": "#223c44",
            "darkOriginalValue": "night-brand.dark01",
            "lightValue": "#e7f6f8",
            "lightOriginalValue": "brand.light03"
        },
        "color-badge-background-purple": {
            "name": "badge.background",
            "subState": "purple",
            "darkValue": "#471a95",
            "darkOriginalValue": "night-purple.dark01",
            "lightValue": "#edeafd",
            "lightOriginalValue": "purple.light03"
        },
        "color-badge-background-red": {
            "name": "badge.background",
            "subState": "red",
            "darkValue": "#4d3237",
            "darkOriginalValue": "night-red.dark01",
            "lightValue": "#fde8e8",
            "lightOriginalValue": "red.light03"
        },
        "color-badge-background-gray": {
            "name": "badge.background",
            "subState": "gray",
            "darkValue": "#282c34",
            "darkOriginalValue": "night-black.regular",
            "lightValue": "#eef2f5",
            "lightOriginalValue": "gray.light03"
        },
        "color-badge-foreground-default": {
            "name": "badge.foreground",
            "subState": "default",
            "darkValue": "#ced1d6",
            "darkOriginalValue": "night-gray.light02",
            "lightValue": "#1a1c1c",
            "lightOriginalValue": "neutral.black"
        },
        "color-badge-foreground-green": {
            "name": "badge.foreground",
            "subState": "green",
            "darkValue": "#a6f2dd",
            "darkOriginalValue": "night-green.light02",
            "lightValue": "#0a5c45",
            "lightOriginalValue": "green.dark02"
        },
        "color-badge-foreground-blue": {
            "name": "badge.foreground",
            "subState": "blue",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#295dae",
            "lightOriginalValue": "blue.dark01"
        },
        "color-badge-foreground-yellow": {
            "name": "badge.foreground",
            "subState": "yellow",
            "darkValue": "#fae0b3",
            "darkOriginalValue": "night-orange.light02",
            "lightValue": "#9a6304",
            "lightOriginalValue": "orange.dark02"
        },
        "color-badge-foreground-brand": {
            "name": "badge.foreground",
            "subState": "brand",
            "darkValue": "#80dfea",
            "darkOriginalValue": "night-brand.light02",
            "lightValue": "#047a88",
            "lightOriginalValue": "brand.dark01"
        },
        "color-badge-foreground-purple": {
            "name": "badge.foreground",
            "subState": "purple",
            "darkValue": "#c1acff",
            "darkOriginalValue": "night-purple.light02",
            "lightValue": "#6934c4",
            "lightOriginalValue": "purple.dark01"
        },
        "color-badge-foreground-red": {
            "name": "badge.foreground",
            "subState": "red",
            "darkValue": "#f49a9a",
            "darkOriginalValue": "night-red.light02",
            "lightValue": "#c02725",
            "lightOriginalValue": "red.dark02"
        },
        "color-badge-foreground-gray": {
            "name": "badge.foreground",
            "subState": "gray",
            "darkValue": "#ced1d6",
            "darkOriginalValue": "night-gray.light02",
            "lightValue": "#40515e",
            "lightOriginalValue": "gray.dark01"
        },
        "color-badge-border-default": {
            "name": "badge.border",
            "subState": "default",
            "darkValue": "#393e47",
            "darkOriginalValue": "night-black.light02",
            "lightValue": "#40515e",
            "lightOriginalValue": "gray.dark01"
        },
        "color-badge-border-green": {
            "name": "badge.border",
            "subState": "green",
            "darkValue": "#a6f2dd",
            "darkOriginalValue": "night-green.light02",
            "lightValue": "#0b8363",
            "lightOriginalValue": "green.dark01"
        },
        "color-badge-border-blue": {
            "name": "badge.border",
            "subState": "blue",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#295dae",
            "lightOriginalValue": "blue.dark01"
        },
        "color-badge-border-yellow": {
            "name": "badge.border",
            "subState": "yellow",
            "darkValue": "#fae0b3",
            "darkOriginalValue": "night-orange.light02",
            "lightValue": "#df9411",
            "lightOriginalValue": "orange.dark01"
        },
        "color-badge-border-brand": {
            "name": "badge.border",
            "subState": "brand",
            "darkValue": "#80dfea",
            "darkOriginalValue": "night-brand.light02",
            "lightValue": "#047a88",
            "lightOriginalValue": "brand.dark01"
        },
        "color-badge-border-purple": {
            "name": "badge.border",
            "subState": "purple",
            "darkValue": "#c1acff",
            "darkOriginalValue": "night-purple.light02",
            "lightValue": "#8a61f1",
            "lightOriginalValue": "purple.regular"
        },
        "color-badge-border-red": {
            "name": "badge.border",
            "subState": "red",
            "darkValue": "#f49a9a",
            "darkOriginalValue": "night-red.light02",
            "lightValue": "#dd3637",
            "lightOriginalValue": "red.dark01"
        },
        "color-badge-border-gray": {
            "name": "badge.border",
            "subState": "gray",
            "darkValue": "#ced1d6",
            "darkOriginalValue": "night-gray.light02",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-badge-borderSubtle-default": {
            "name": "badge.borderSubtle",
            "subState": "default",
            "darkValue": "#393e47",
            "darkOriginalValue": "night-black.light02",
            "lightValue": "#e0e6eb",
            "lightOriginalValue": "gray.light02"
        },
        "color-badge-borderSubtle-green": {
            "name": "badge.borderSubtle",
            "subState": "green",
            "darkValue": "rgba(255, 255, 255, 0.08)",
            "darkOriginalValue": "neutral.white-transparent04",
            "lightValue": "#d0f1e8",
            "lightOriginalValue": "green.light02"
        },
        "color-badge-borderSubtle-blue": {
            "name": "badge.borderSubtle",
            "subState": "blue",
            "darkValue": "rgba(255, 255, 255, 0.08)",
            "darkOriginalValue": "neutral.white-transparent04",
            "lightValue": "#d2e2f9",
            "lightOriginalValue": "blue.light02"
        },
        "color-badge-borderSubtle-yellow": {
            "name": "badge.borderSubtle",
            "subState": "yellow",
            "darkValue": "rgba(255, 255, 255, 0.08)",
            "darkOriginalValue": "neutral.white-transparent04",
            "lightValue": "#fceaca",
            "lightOriginalValue": "orange.light02"
        },
        "color-badge-borderSubtle-brand": {
            "name": "badge.borderSubtle",
            "subState": "brand",
            "darkValue": "rgba(255, 255, 255, 0.08)",
            "darkOriginalValue": "neutral.white-transparent04",
            "lightValue": "#ceedf1",
            "lightOriginalValue": "brand.light02"
        },
        "color-badge-borderSubtle-purple": {
            "name": "badge.borderSubtle",
            "subState": "purple",
            "darkValue": "rgba(255, 255, 255, 0.08)",
            "darkOriginalValue": "neutral.white-transparent04",
            "lightValue": "#ddd7fd",
            "lightOriginalValue": "purple.light02"
        },
        "color-badge-borderSubtle-red": {
            "name": "badge.borderSubtle",
            "subState": "red",
            "darkValue": "rgba(255, 255, 255, 0.08)",
            "darkOriginalValue": "neutral.white-transparent04",
            "lightValue": "#fad1d1",
            "lightOriginalValue": "red.light02"
        },
        "color-badge-borderSubtle-gray": {
            "name": "badge.borderSubtle",
            "subState": "gray",
            "darkValue": "rgba(255, 255, 255, 0.08)",
            "darkOriginalValue": "neutral.white-transparent04",
            "lightValue": "#e0e6eb",
            "lightOriginalValue": "gray.light02"
        }
    },
    "avatar": {
        "color-avatar-border-default": {
            "name": "avatar.border",
            "subState": "default",
            "darkValue": "#1a1c1c",
            "darkOriginalValue": "neutral.black",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        }
    },
    "color-indicator": {
        "color-color-indicator-brand-default": {
            "name": "color-indicator.brand",
            "subState": "default",
            "darkValue": "#1d6670",
            "darkOriginalValue": "night-brand.regular",
            "lightValue": "#0aa6b8",
            "lightOriginalValue": "brand.regular"
        },
        "color-color-indicator-gray-default": {
            "name": "color-indicator.gray",
            "subState": "default",
            "darkValue": "#5b5f67",
            "darkOriginalValue": "night-gray.dark02",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-color-indicator-purple-default": {
            "name": "color-indicator.purple",
            "subState": "default",
            "darkValue": "#6d37c8",
            "darkOriginalValue": "night-purple.regular",
            "lightValue": "#8a61f1",
            "lightOriginalValue": "purple.regular"
        },
        "color-color-indicator-blue-default": {
            "name": "color-indicator.blue",
            "subState": "default",
            "darkValue": "#2f538a",
            "darkOriginalValue": "night-blue.regular",
            "lightValue": "#1f6ce0",
            "lightOriginalValue": "blue.regular"
        },
        "color-color-indicator-green-default": {
            "name": "color-indicator.green",
            "subState": "default",
            "darkValue": "#28816b",
            "darkOriginalValue": "night-green.regular",
            "lightValue": "#0fa980",
            "lightOriginalValue": "green.regular"
        },
        "color-color-indicator-yellow-default": {
            "name": "color-indicator.yellow",
            "subState": "default",
            "darkValue": "#a4792d",
            "darkOriginalValue": "night-orange.regular",
            "lightValue": "#df9411",
            "lightOriginalValue": "orange.dark01"
        },
        "color-color-indicator-red-default": {
            "name": "color-indicator.red",
            "subState": "default",
            "darkValue": "#a45355",
            "darkOriginalValue": "night-red.regular",
            "lightValue": "#ed5554",
            "lightOriginalValue": "red.regular"
        },
        "color-color-indicator-neonBlue-default": {
            "name": "color-indicator.neonBlue",
            "subState": "default",
            "darkValue": "#015e7d",
            "darkOriginalValue": "night-neon.lightBlue",
            "lightValue": "#99e6ff",
            "lightOriginalValue": "neon.lightBlue"
        },
        "color-color-indicator-neonGreen-default": {
            "name": "color-indicator.neonGreen",
            "subState": "default",
            "darkValue": "#347832",
            "darkOriginalValue": "night-neon.lightGreen",
            "lightValue": "#a7ffa1",
            "lightOriginalValue": "neon.lightGreen"
        },
        "color-color-indicator-neonPink-default": {
            "name": "color-indicator.neonPink",
            "subState": "default",
            "darkValue": "#bf2c9a",
            "darkOriginalValue": "night-neon.lightPink",
            "lightValue": "#feb2ea",
            "lightOriginalValue": "neon.lightPink"
        }
    },
    "content-box": {
        "color-content-box-border-info": {
            "name": "content-box.border",
            "subState": "info",
            "darkValue": "#4e76b1",
            "darkOriginalValue": "night-blue.light01-alt",
            "lightValue": "#9ac1fc",
            "lightOriginalValue": "blue.light01-alt"
        },
        "color-content-box-border-error": {
            "name": "content-box.border",
            "subState": "error",
            "darkValue": "#b25d5e",
            "darkOriginalValue": "night-red.light01-alt",
            "lightValue": "#f7b1b1",
            "lightOriginalValue": "red.light01-alt"
        },
        "color-content-box-border-success": {
            "name": "content-box.border",
            "subState": "success",
            "darkValue": "#28816b",
            "darkOriginalValue": "night-green.regular",
            "lightValue": "#8adcc6",
            "lightOriginalValue": "green.light01"
        },
        "color-content-box-border-warning": {
            "name": "content-box.border",
            "subState": "warning",
            "darkValue": "#aa7923",
            "darkOriginalValue": "night-orange.light01-alt",
            "lightValue": "#f4cb81",
            "lightOriginalValue": "orange.light01-alt"
        }
    },
    "dosage-icon": {
        "color-dosage-icon-default": {
            "name": "dosage-icon.default",
            "subState": "",
            "darkValue": "#9369ff",
            "darkOriginalValue": "night-purple.light01",
            "lightValue": "#8a61f1",
            "lightOriginalValue": "purple.regular"
        },
        "color-dosage-icon-hover": {
            "name": "dosage-icon.hover",
            "subState": "",
            "darkValue": "#c1acff",
            "darkOriginalValue": "night-purple.light02",
            "lightValue": "#6934c4",
            "lightOriginalValue": "purple.dark01"
        }
    },
    "toggle": {
        "color-toggle-background-default": {
            "name": "toggle.background",
            "subState": "default",
            "darkValue": "#7b8e9d",
            "darkOriginalValue": "gray.light01-alt",
            "lightValue": "#7b8e9d",
            "lightOriginalValue": "gray.light01-alt"
        },
        "color-toggle-background-highlight": {
            "name": "toggle.background",
            "subState": "highlight",
            "darkValue": "#b2ab39",
            "darkOriginalValue": "night-yellow.regular",
            "lightValue": "#f3eb75",
            "lightOriginalValue": "yellow.light01"
        },
        "color-toggle-thumb-background": {
            "name": "toggle.thumb",
            "subState": "background",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-toggle-border-highlight": {
            "name": "toggle.border",
            "subState": "highlight",
            "darkValue": "#b2ab39",
            "darkOriginalValue": "night-yellow.regular",
            "lightValue": "#f3eb75",
            "lightOriginalValue": "yellow.light01"
        }
    },
    "segmented-progress-bar": {
        "color-segmented-progress-bar-monochrome": {
            "name": "segmented-progress-bar.monochrome",
            "subState": "",
            "darkValue": "#ced1d6",
            "darkOriginalValue": "night-gray.light02",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-segmented-progress-bar-success": {
            "name": "segmented-progress-bar.success",
            "subState": "",
            "darkValue": "#28816b",
            "darkOriginalValue": "night-green.regular",
            "lightValue": "#39d6ac",
            "lightOriginalValue": "green.regularAlt"
        },
        "color-segmented-progress-bar-warning": {
            "name": "segmented-progress-bar.warning",
            "subState": "",
            "darkValue": "#a4792d",
            "darkOriginalValue": "night-orange.regular",
            "lightValue": "#f1d56b",
            "lightOriginalValue": "orange.regularAlt"
        },
        "color-segmented-progress-bar-alert": {
            "name": "segmented-progress-bar.alert",
            "subState": "",
            "darkValue": "#a45355",
            "darkOriginalValue": "night-red.regular",
            "lightValue": "#f07575",
            "lightOriginalValue": "red.light01"
        },
        "color-segmented-progress-bar-in-progress": {
            "name": "segmented-progress-bar.in-progress",
            "subState": "",
            "darkValue": "#5b5f67",
            "darkOriginalValue": "night-gray.dark02",
            "lightValue": "#e0e6eb",
            "lightOriginalValue": "gray.light02"
        }
    },
    "tag": {
        "color-tag-background-gray": {
            "name": "tag.background",
            "subState": "gray",
            "darkValue": "#5b5f67",
            "darkOriginalValue": "night-gray.dark02",
            "lightValue": "#e0e6eb",
            "lightOriginalValue": "gray.light02"
        },
        "color-tag-background-blue": {
            "name": "tag.background",
            "subState": "blue",
            "darkValue": "#2f538a",
            "darkOriginalValue": "night-blue.regular",
            "lightValue": "#d2e2f9",
            "lightOriginalValue": "blue.light02"
        },
        "color-tag-text-gray": {
            "name": "tag.text",
            "subState": "gray",
            "darkValue": "#d8dade",
            "darkOriginalValue": "night-gray.light03",
            "lightValue": "#40515e",
            "lightOriginalValue": "gray.dark01"
        },
        "color-tag-text-blue": {
            "name": "tag.text",
            "subState": "blue",
            "darkValue": "#e7effe",
            "darkOriginalValue": "night-blue.light03",
            "lightValue": "#1c427d",
            "lightOriginalValue": "blue.dark02"
        }
    },
    "destructive-tertiary-button": {
        "color-destructive-tertiary-button-background-hover": {
            "name": "destructive-tertiary-button.background",
            "subState": "hover",
            "darkValue": "rgba(164, 83, 85, 0.08)",
            "darkOriginalValue": "night-red.regular-transparent02",
            "lightValue": "rgba(238, 97, 96, 0.08)",
            "lightOriginalValue": "red.regular-transparent02"
        },
        "color-destructive-tertiary-button-background-active": {
            "name": "destructive-tertiary-button.background",
            "subState": "active",
            "darkValue": "rgba(164, 83, 85, 0.08)",
            "darkOriginalValue": "night-red.regular-transparent02",
            "lightValue": "rgba(238, 97, 96, 0.08)",
            "lightOriginalValue": "red.regular-transparent02"
        }
    },
    "range-input": {
        "color-range-input-background-thumb": {
            "name": "range-input.background",
            "subState": "thumb",
            "darkValue": "#d8dade",
            "darkOriginalValue": "night-gray.light03",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        }
    },
    "search-input": {
        "color-search-input-background-default": {
            "name": "search-input.background",
            "subState": "default",
            "darkValue": "#32363e",
            "darkOriginalValue": "night-black.light01",
            "lightValue": "#eef2f5",
            "lightOriginalValue": "gray.light03"
        }
    },
    "qbank-answer": {
        "color-qbank-answer-background-title": {
            "name": "qbank-answer.background",
            "subState": "title",
            "darkValue": "rgba(164, 83, 85, 0.45)",
            "darkOriginalValue": "night-red.regular-transparent",
            "lightValue": "rgba(240, 117, 117, 0.45)",
            "lightOriginalValue": "red.light01-transparent"
        },
        "color-qbank-answer-background-explanation": {
            "name": "qbank-answer.background",
            "subState": "explanation",
            "darkValue": "#312b31",
            "darkOriginalValue": "night-red.dark02",
            "lightValue": "#fde8e8",
            "lightOriginalValue": "red.light03"
        },
        "color-qbank-answer-border-correct": {
            "name": "qbank-answer.border",
            "subState": "correct",
            "darkValue": "#28816b",
            "darkOriginalValue": "night-green.regular",
            "lightValue": "#8adcc6",
            "lightOriginalValue": "green.light01"
        },
        "color-qbank-answer-border-correct-with-hint": {
            "name": "qbank-answer.border",
            "subState": "correct-with-hint",
            "darkValue": "#a4792d",
            "darkOriginalValue": "night-orange.regular",
            "lightValue": "#f6c66f",
            "lightOriginalValue": "orange.light01"
        },
        "color-qbank-answer-border-incorrect": {
            "name": "qbank-answer.border",
            "subState": "incorrect",
            "darkValue": "#a45355",
            "darkOriginalValue": "night-red.regular",
            "lightValue": "#f07575",
            "lightOriginalValue": "red.light01"
        }
    },
    "chart": {
        "color-chart-border-default": {
            "name": "chart.border",
            "subState": "default",
            "darkValue": "#5b5f67",
            "darkOriginalValue": "night-gray.dark02",
            "lightValue": "#a3b2bd",
            "lightOriginalValue": "gray.light01"
        },
        "color-chart-grid-primary": {
            "name": "chart.grid",
            "subState": "primary",
            "darkValue": "rgba(147, 149, 159, 0.3)",
            "darkOriginalValue": "night-gray.regular-transparent01",
            "lightValue": "rgba(163, 178, 189, 0.3)",
            "lightOriginalValue": "gray.light01-transparent"
        },
        "color-chart-grid-secondary": {
            "name": "chart.grid",
            "subState": "secondary",
            "darkValue": "rgba(147, 149, 159, 0.3)",
            "darkOriginalValue": "night-gray.regular-transparent01",
            "lightValue": "rgba(163, 178, 189, 0.3)",
            "lightOriginalValue": "gray.light01-transparent"
        },
        "color-chart-background-default": {
            "name": "chart.background",
            "subState": "default",
            "darkValue": "#1a1c1c",
            "darkOriginalValue": "neutral.black",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-chart-background-inverted": {
            "name": "chart.background",
            "subState": "inverted",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#1a1c1c",
            "lightOriginalValue": "neutral.black"
        },
        "color-chart-text-positive": {
            "name": "chart.text",
            "subState": "positive",
            "darkValue": "#a6f2dd",
            "darkOriginalValue": "night-green.light02",
            "lightValue": "#0b8363",
            "lightOriginalValue": "green.dark01"
        },
        "color-chart-text-negative": {
            "name": "chart.text",
            "subState": "negative",
            "darkValue": "#f49a9a",
            "darkOriginalValue": "night-red.light02",
            "lightValue": "#dd3637",
            "lightOriginalValue": "red.dark01"
        },
        "color-chart-text-warning": {
            "name": "chart.text",
            "subState": "warning",
            "darkValue": "#a4792d",
            "darkOriginalValue": "night-orange.regular",
            "lightValue": "#df9411",
            "lightOriginalValue": "orange.dark01"
        },
        "color-chart-neutral-default": {
            "name": "chart.neutral",
            "subState": "default",
            "darkValue": "#5b5f67",
            "darkOriginalValue": "night-gray.dark02",
            "lightValue": "#a3b2bd",
            "lightOriginalValue": "gray.light01"
        },
        "color-chart-neutral-subtle": {
            "name": "chart.neutral",
            "subState": "subtle",
            "darkValue": "#1e2125",
            "darkOriginalValue": "night-black.dark02",
            "lightValue": "#eef2f5",
            "lightOriginalValue": "gray.light03"
        },
        "color-chart-neutral-bold": {
            "name": "chart.neutral",
            "subState": "bold",
            "darkValue": "#93979f",
            "darkOriginalValue": "night-gray.regular",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-chart-positive-default": {
            "name": "chart.positive",
            "subState": "default",
            "darkValue": "#41a48a",
            "darkOriginalValue": "night-green.light01",
            "lightValue": "#0b8363",
            "lightOriginalValue": "green.dark01"
        },
        "color-chart-positive-subtle": {
            "name": "chart.positive",
            "subState": "subtle",
            "darkValue": "#262e33",
            "darkOriginalValue": "night-green.dark02",
            "lightValue": "#e8f8f4",
            "lightOriginalValue": "green.light03"
        },
        "color-chart-positive-bold": {
            "name": "chart.positive",
            "subState": "bold",
            "darkValue": "#a6f2dd",
            "darkOriginalValue": "night-green.light02",
            "lightValue": "#0a5c45",
            "lightOriginalValue": "green.dark02"
        },
        "color-chart-warning-default": {
            "name": "chart.warning",
            "subState": "default",
            "darkValue": "#cbac76",
            "darkOriginalValue": "night-orange.light01",
            "lightValue": "#f6bc56",
            "lightOriginalValue": "orange.regular"
        },
        "color-chart-warning-subtle": {
            "name": "chart.warning",
            "subState": "subtle",
            "darkValue": "#32302f",
            "darkOriginalValue": "night-orange.dark02",
            "lightValue": "#fef3e1",
            "lightOriginalValue": "orange.light03"
        },
        "color-chart-warning-bold": {
            "name": "chart.warning",
            "subState": "bold",
            "darkValue": "#fae0b3",
            "darkOriginalValue": "night-orange.light02",
            "lightValue": "#f6c66f",
            "lightOriginalValue": "orange.light01"
        },
        "color-chart-negative-default": {
            "name": "chart.negative",
            "subState": "default",
            "darkValue": "#d07c7c",
            "darkOriginalValue": "night-red.light01",
            "lightValue": "#f07575",
            "lightOriginalValue": "red.light01"
        },
        "color-chart-negative-subtle": {
            "name": "chart.negative",
            "subState": "subtle",
            "darkValue": "#312b31",
            "darkOriginalValue": "night-red.dark02",
            "lightValue": "#fde8e8",
            "lightOriginalValue": "red.light03"
        },
        "color-chart-negative-bold": {
            "name": "chart.negative",
            "subState": "bold",
            "darkValue": "#f49a9a",
            "darkOriginalValue": "night-red.light02",
            "lightValue": "#dd3637",
            "lightOriginalValue": "red.dark01"
        },
        "color-chart-info-default": {
            "name": "chart.info",
            "subState": "default",
            "darkValue": "#6e95cf",
            "darkOriginalValue": "night-blue.light01",
            "lightValue": "#6e95cf",
            "lightOriginalValue": "blue.light01"
        },
        "color-chart-info-subtle": {
            "name": "chart.info",
            "subState": "subtle",
            "darkValue": "#282e39",
            "darkOriginalValue": "night-blue.dark02",
            "lightValue": "#e7effe",
            "lightOriginalValue": "blue.light03"
        },
        "color-chart-info-bold": {
            "name": "chart.info",
            "subState": "bold",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#295dae",
            "lightOriginalValue": "blue.dark01"
        },
        "color-chart-accent-default": {
            "name": "chart.accent",
            "subState": "default",
            "darkValue": "#0aa6b8",
            "darkOriginalValue": "brand.regular",
            "lightValue": "#0aa6b8",
            "lightOriginalValue": "brand.regular"
        },
        "color-chart-accent-subtle": {
            "name": "chart.accent",
            "subState": "subtle",
            "darkValue": "#262f36",
            "darkOriginalValue": "night-brand.dark02",
            "lightValue": "#e7f6f8",
            "lightOriginalValue": "brand.light03"
        },
        "color-chart-accent-bold": {
            "name": "chart.accent",
            "subState": "bold",
            "darkValue": "#80dfea",
            "darkOriginalValue": "night-brand.light02",
            "lightValue": "#047a88",
            "lightOriginalValue": "brand.dark01"
        }
    },
    "media-item": {
        "color-media-item-background-black": {
            "name": "media-item.background",
            "subState": "black",
            "darkValue": "#000000",
            "darkOriginalValue": "neutral.black-alt",
            "lightValue": "#000000",
            "lightOriginalValue": "neutral.black-alt"
        },
        "color-media-item-background-white": {
            "name": "media-item.background",
            "subState": "white",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-media-item-background-transparent": {
            "name": "media-item.background",
            "subState": "transparent",
            "darkValue": "rgba(255, 255, 255, 0)",
            "darkOriginalValue": "neutral.transparent",
            "lightValue": "rgba(255, 255, 255, 0)",
            "lightOriginalValue": "neutral.transparent"
        },
        "color-media-item-overlay-hover": {
            "name": "media-item.overlay",
            "subState": "hover",
            "darkValue": "rgba(0, 0, 0, 0.3)",
            "darkOriginalValue": "neutral.black-transparent03",
            "lightValue": "rgba(255, 255, 255, 0.3)",
            "lightOriginalValue": "neutral.white-transparent03"
        },
        "color-media-item-overlay-active": {
            "name": "media-item.overlay",
            "subState": "active",
            "darkValue": "rgba(0, 0, 0, 0.6)",
            "darkOriginalValue": "neutral.black-transparent02",
            "lightValue": "rgba(0, 0, 0, 0.6)",
            "lightOriginalValue": "neutral.black-transparent02"
        },
        "color-media-item-category-icon-background": {
            "name": "media-item.category-icon",
            "subState": "background",
            "darkValue": "#32363e",
            "darkOriginalValue": "night-black.light01",
            "lightValue": "#314554",
            "lightOriginalValue": "gray.dark02"
        }
    },
    "skeletonLoader": {
        "color-skeletonLoader-background-container": {
            "name": "skeletonLoader.background",
            "subState": "container",
            "darkValue": "#1a1c1c",
            "darkOriginalValue": "neutral.black",
            "lightValue": "#e0e6eb",
            "lightOriginalValue": "gray.light02"
        },
        "color-skeletonLoader-background-element": {
            "name": "skeletonLoader.background",
            "subState": "element",
            "darkValue": "#282c34",
            "darkOriginalValue": "night-black.regular",
            "lightValue": "#e0e6eb",
            "lightOriginalValue": "gray.light02"
        },
        "color-skeletonLoader-background-shimmer": {
            "name": "skeletonLoader.background",
            "subState": "shimmer",
            "darkValue": "rgba(255, 255, 255, 0.08)",
            "darkOriginalValue": "neutral.white-transparent04",
            "lightValue": "rgba(255, 255, 255, 0.08)",
            "lightOriginalValue": "neutral.white-transparent04"
        }
    },
    "canvas": {
        "color-canvas": {
            "name": "canvas",
            "description": "Use as the background color of the whole page or view",
            "subState": "",
            "darkValue": "#111111",
            "darkOriginalValue": "night-black.dark03",
            "lightValue": "#eef2f5",
            "lightOriginalValue": "gray.light03"
        }
    },
    "background": {
        "color-background-primary-default": {
            "name": "background.primary",
            "description": "Primary background color for UI elements (e.g. cards)",
            "subState": "default",
            "darkValue": "#1a1c1c",
            "darkOriginalValue": "neutral.black",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-background-secondary-default": {
            "name": "background.secondary",
            "description": "Use as background color for UI elements that are secondary to the main elements",
            "subState": "default",
            "darkValue": "#24282d",
            "darkOriginalValue": "night-black.dark01",
            "lightValue": "#f5f7f9",
            "lightOriginalValue": "gray.light04"
        },
        "color-background-secondary-hover": {
            "name": "background.secondary",
            "description": "Hover color for secondary background",
            "subState": "hover",
            "darkValue": "#282c34",
            "darkOriginalValue": "night-black.regular",
            "lightValue": "#eef2f5",
            "lightOriginalValue": "gray.light03"
        },
        "color-background-secondary-active": {
            "name": "background.secondary",
            "description": "Active color for secondary background",
            "subState": "active",
            "darkValue": "#1e2125",
            "darkOriginalValue": "night-black.dark02",
            "lightValue": "#f5f7f9",
            "lightOriginalValue": "gray.light04"
        },
        "color-background-accent-default": {
            "name": "background.accent",
            "description": "Background of interactive elements (e.g. primary buttons), or the most important UI element of a view (e.g. mobile apps top bar)",
            "subState": "default",
            "darkValue": "#1d6670",
            "darkOriginalValue": "night-brand.regular",
            "lightValue": "#047a88",
            "lightOriginalValue": "brand.dark01"
        },
        "color-background-accent-hover": {
            "name": "background.accent",
            "description": "Hover color for accent background",
            "subState": "hover",
            "darkValue": "#2db5c6",
            "darkOriginalValue": "night-brand.light01",
            "lightValue": "#054f57",
            "lightOriginalValue": "brand.dark02"
        },
        "color-background-accent-active": {
            "name": "background.accent",
            "description": "Active color for accent background",
            "subState": "active",
            "darkValue": "#223c44",
            "darkOriginalValue": "night-brand.dark01",
            "lightValue": "#054f57",
            "lightOriginalValue": "brand.dark02"
        },
        "color-background-accent-disabled": {
            "name": "background.accent",
            "description": "Use as background color for disabled state of certain UI elements",
            "subState": "disabled",
            "darkValue": "rgba(29, 102, 112, 0.3)",
            "darkOriginalValue": "night-brand.regular-transparent",
            "lightValue": "rgba(4, 122, 136, 0.3)",
            "lightOriginalValue": "brand.dark01-transparent"
        },
        "color-background-elevated-default": {
            "name": "background.elevated",
            "description": "Background of popovers, sheets, modals, etc.",
            "subState": "default",
            "darkValue": "#24282d",
            "darkOriginalValue": "night-black.dark01",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-background-onAccent-default": {
            "name": "background.onAccent",
            "subState": "default",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-background-onAccent-hover": {
            "name": "background.onAccent",
            "description": "Hover color for onAccent background",
            "subState": "hover",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-background-onAccent-active": {
            "name": "background.onAccent",
            "description": "Active color for onAccent background",
            "subState": "active",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-background-onAccent-disabled": {
            "name": "background.onAccent",
            "description": "Use as background color for disabled state of certain UI elements",
            "subState": "disabled",
            "darkValue": "rgba(255, 255, 255, 0.65)",
            "darkOriginalValue": "neutral.white-transparent02",
            "lightValue": "rgba(255, 255, 255, 0.65)",
            "lightOriginalValue": "neutral.white-transparent02"
        },
        "color-background-error-default": {
            "name": "background.error",
            "subState": "default",
            "darkValue": "#a45355",
            "darkOriginalValue": "night-red.regular",
            "lightValue": "#dd3637",
            "lightOriginalValue": "red.dark01"
        },
        "color-background-error-hover": {
            "name": "background.error",
            "description": "Hover color for error background",
            "subState": "hover",
            "darkValue": "#d07c7c",
            "darkOriginalValue": "night-red.light01",
            "lightValue": "#c02725",
            "lightOriginalValue": "red.dark02"
        },
        "color-background-error-active": {
            "name": "background.error",
            "description": "Active color for error background",
            "subState": "active",
            "darkValue": "#4d3237",
            "darkOriginalValue": "night-red.dark01",
            "lightValue": "#c02725",
            "lightOriginalValue": "red.dark02"
        },
        "color-background-error-disabled": {
            "name": "background.error",
            "description": "Use as background color for disabled state of certain UI elements",
            "subState": "disabled",
            "darkValue": "rgba(164, 83, 85, 0.3)",
            "darkOriginalValue": "night-red.regular-transparent01",
            "lightValue": "rgba(238, 97, 96, 0.3)",
            "lightOriginalValue": "red.regular-transparent01"
        },
        "color-background-success-default": {
            "name": "background.success",
            "subState": "default",
            "darkValue": "#28816b",
            "darkOriginalValue": "night-green.regular",
            "lightValue": "#0b8363",
            "lightOriginalValue": "green.dark01"
        },
        "color-background-info-default": {
            "name": "background.info",
            "subState": "default",
            "darkValue": "#2f538a",
            "darkOriginalValue": "night-blue.regular",
            "lightValue": "#295dae",
            "lightOriginalValue": "blue.dark01"
        },
        "color-background-warning-default": {
            "name": "background.warning",
            "subState": "default",
            "darkValue": "#a4792d",
            "darkOriginalValue": "night-orange.regular",
            "lightValue": "#df9411",
            "lightOriginalValue": "orange.dark01"
        },
        "color-background-accentSubtle-default": {
            "name": "background.accentSubtle",
            "description": "Use as background color for selected state of certain UI elements, e.g. segmented control",
            "subState": "default",
            "darkValue": "#223c44",
            "darkOriginalValue": "night-brand.dark01",
            "lightValue": "#e7f6f8",
            "lightOriginalValue": "brand.light03"
        },
        "color-background-errorSubtle-default": {
            "name": "background.errorSubtle",
            "description": "Use as background color for negative-message callout",
            "subState": "default",
            "darkValue": "#4d3237",
            "darkOriginalValue": "night-red.dark01",
            "lightValue": "#fde8e8",
            "lightOriginalValue": "red.light03"
        },
        "color-background-successSubtle-default": {
            "name": "background.successSubtle",
            "description": "Use as background color for positive-message callout",
            "subState": "default",
            "darkValue": "#233d3d",
            "darkOriginalValue": "night-green.dark01",
            "lightValue": "#e8f8f4",
            "lightOriginalValue": "green.light03"
        },
        "color-background-infoSubtle-default": {
            "name": "background.infoSubtle",
            "description": "Use as background color for informational callout",
            "subState": "default",
            "darkValue": "#29364c",
            "darkOriginalValue": "night-blue.dark01",
            "lightValue": "#e7effe",
            "lightOriginalValue": "blue.light03"
        },
        "color-background-warningSubtle-default": {
            "name": "background.warningSubtle",
            "description": "Use as background color for warning-message callout",
            "subState": "default",
            "darkValue": "#4d412c",
            "darkOriginalValue": "night-orange.dark01",
            "lightValue": "#fef3e1",
            "lightOriginalValue": "orange.light03"
        },
        "color-background-textHighlight-primary": {
            "name": "background.textHighlight",
            "description": "Use as background color for 'highlighted' text, e.g. definitions in articles",
            "subState": "primary",
            "darkValue": "rgba(178, 171, 57, 0.45)",
            "darkOriginalValue": "night-yellow.regular-transparent02",
            "lightValue": "#f3eb75",
            "lightOriginalValue": "yellow.light01"
        },
        "color-background-textHighlight-secondary": {
            "name": "background.textHighlight",
            "description": "Use as background color for less important text",
            "subState": "secondary",
            "darkValue": "#494a2f",
            "darkOriginalValue": "night-yellow.dark01",
            "lightValue": "#faf5b8",
            "lightOriginalValue": "yellow.light02"
        },
        "color-background-textHighlight-find": {
            "name": "background.textHighlight",
            "description": "Used in articles. For highlighting text found by the user's native search.",
            "subState": "find",
            "darkValue": "rgba(178, 171, 57, 0.6)",
            "darkOriginalValue": "night-yellow.regular-transparent01",
            "lightValue": "#f6bc56",
            "lightOriginalValue": "orange.regular"
        },
        "color-background-textHighlight-learningRadar": {
            "name": "background.textHighlight",
            "description": "Red underline inside Articles related to Questions they got wrong",
            "subState": "learningRadar",
            "darkValue": "#f07575",
            "darkOriginalValue": "red.light01",
            "lightValue": "rgba(238, 97, 96, 0.3)",
            "lightOriginalValue": "red.regular-transparent01"
        },
        "color-background-textHighlight-qbankKeyInfo": {
            "name": "background.textHighlight",
            "description": "Use to highlight key info in Question text",
            "subState": "qbankKeyInfo",
            "darkValue": "#a4792d",
            "darkOriginalValue": "night-orange.regular",
            "lightValue": "#df9411",
            "lightOriginalValue": "orange.dark01"
        },
        "color-background-textHighlight-relevancePrimary": {
            "name": "background.textHighlight",
            "description": "Used in articles. For highlighting text that is relevant to the user's search.",
            "subState": "relevancePrimary",
            "darkValue": "#233d3d",
            "darkOriginalValue": "night-green.dark01",
            "lightValue": "#8adcc6",
            "lightOriginalValue": "green.light01"
        },
        "color-background-textHighlight-relevanceSecondary": {
            "name": "background.textHighlight",
            "description": "Used in articles. For highlighting text that is relevant to the user's search.",
            "subState": "relevanceSecondary",
            "darkValue": "rgba(35, 61, 61, 0.8)",
            "darkOriginalValue": "night-green.dark01-transparent",
            "lightValue": "#d0f1e8",
            "lightOriginalValue": "green.light02"
        },
        "color-background-textHighlight-customBlue": {
            "name": "background.textHighlight",
            "description": "Used for the user highlighting in articles. For highlighting added by the user.",
            "subState": "customBlue",
            "darkValue": "#015e7d",
            "darkOriginalValue": "night-neon.lightBlue",
            "lightValue": "#99e6ff",
            "lightOriginalValue": "neon.lightBlue"
        },
        "color-background-textHighlight-customGreen": {
            "name": "background.textHighlight",
            "description": "Used for the user highlighting in articles. For highlighting added by the user.",
            "subState": "customGreen",
            "darkValue": "#347832",
            "darkOriginalValue": "night-neon.lightGreen",
            "lightValue": "#a7ffa1",
            "lightOriginalValue": "neon.lightGreen"
        },
        "color-background-textHighlight-customPink": {
            "name": "background.textHighlight",
            "description": "Used for the user highlighting in articles. For highlighting added by the user.",
            "subState": "customPink",
            "darkValue": "#bf2c9a",
            "darkOriginalValue": "night-neon.lightPink",
            "lightValue": "#feb2ea",
            "lightOriginalValue": "neon.lightPink"
        },
        "color-background-contrast-default": {
            "name": "background.contrast",
            "description": "Provides the highest contrast against the canvas and base background, such as in tooltips",
            "subState": "default",
            "darkValue": "#ced1d6",
            "darkOriginalValue": "night-gray.light02",
            "lightValue": "#314554",
            "lightOriginalValue": "gray.dark02"
        },
        "color-background-transparent-default": {
            "name": "background.transparent",
            "description": "Background color of transparent UI elements with states (e.g. secondary and tertiary buttons)",
            "subState": "default",
            "darkValue": "rgba(255, 255, 255, 0)",
            "darkOriginalValue": "neutral.transparent",
            "lightValue": "rgba(255, 255, 255, 0)",
            "lightOriginalValue": "neutral.transparent"
        },
        "color-background-transparent-selected": {
            "name": "background.transparent",
            "description": "Use as background color for 'selected / on' state of certain UI elements, e.g. chips",
            "subState": "selected",
            "darkValue": "#40454f",
            "darkOriginalValue": "night-black.light03",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-background-transparent-hover": {
            "name": "background.transparent",
            "description": "Use as background color for hover state of certain UI elements",
            "subState": "hover",
            "darkValue": "rgba(147, 149, 159, 0.15)",
            "darkOriginalValue": "night-gray.regular-transparent02",
            "lightValue": "rgba(96, 117, 133, 0.05)",
            "lightOriginalValue": "gray.transparent"
        },
        "color-background-transparent-active": {
            "name": "background.transparent",
            "description": "Use as background color for active state of certain UI elements",
            "subState": "active",
            "darkValue": "rgba(147, 151, 159, 0.08)",
            "darkOriginalValue": "night-gray.regular-transparent03",
            "lightValue": "rgba(96, 117, 133, 0.05)",
            "lightOriginalValue": "gray.transparent"
        },
        "color-background-transparent-selectedHover": {
            "name": "background.transparent",
            "description": "Use as background color for 'selected / on' state of certain UI elements when hovered",
            "subState": "selectedHover",
            "darkValue": "#393e47",
            "darkOriginalValue": "night-black.light02",
            "lightValue": "#40515e",
            "lightOriginalValue": "gray.dark01"
        },
        "color-background-placeholder-default": {
            "name": "background.placeholder",
            "description": "Use as background color for empty states of certain UI elements, e.g. Sliders, Skeletons",
            "subState": "default",
            "darkValue": "#393e47",
            "darkOriginalValue": "night-black.light02",
            "lightValue": "#e0e6eb",
            "lightOriginalValue": "gray.light02"
        },
        "color-background-placeholder-hover": {
            "name": "background.placeholder",
            "description": "Hover color for placeholder background",
            "subState": "hover",
            "darkValue": "#40454f",
            "darkOriginalValue": "night-black.light03",
            "lightValue": "#a3b2bd",
            "lightOriginalValue": "gray.light01"
        },
        "color-background-backdrop-default": {
            "name": "background.backdrop",
            "description": "Use as the overlay behind UI elements that appear on top of- and block the main interface (e.g. modals or bottom sheets)",
            "subState": "default",
            "darkValue": "rgba(0, 0, 0, 0.6)",
            "darkOriginalValue": "neutral.black-transparent02",
            "lightValue": "rgba(0, 0, 0, 0.6)",
            "lightOriginalValue": "neutral.black-transparent02"
        }
    },
    "text": {
        "color-text-primary-default": {
            "name": "text.primary",
            "description": "Primary color for text in any given interface",
            "subState": "default",
            "darkValue": "#ced1d6",
            "darkOriginalValue": "night-gray.light02",
            "lightValue": "#1a1c1c",
            "lightOriginalValue": "neutral.black"
        },
        "color-text-primary-hover": {
            "name": "text.primary",
            "description": "Hover color for primary text",
            "subState": "hover",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#1a1c1c",
            "lightOriginalValue": "neutral.black"
        },
        "color-text-secondary-default": {
            "name": "text.secondary",
            "description": "Use for content that is secondary or that provides additional context",
            "subState": "default",
            "darkValue": "#b9bcc3",
            "darkOriginalValue": "night-gray.light01",
            "lightValue": "#40515e",
            "lightOriginalValue": "gray.dark01"
        },
        "color-text-secondary-hover": {
            "name": "text.secondary",
            "description": "Hover color for secondary text",
            "subState": "hover",
            "darkValue": "#ced1d6",
            "darkOriginalValue": "night-gray.light02",
            "lightValue": "#1a1c1c",
            "lightOriginalValue": "neutral.black"
        },
        "color-text-tertiary-default": {
            "name": "text.tertiary",
            "description": "Use for placeholder or 'decorative' text that are not critical to understanding the flow of an interface",
            "subState": "default",
            "darkValue": "#93979f",
            "darkOriginalValue": "night-gray.regular",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-text-tertiary-disabled": {
            "name": "text.tertiary",
            "description": "Use for disabled text elements",
            "subState": "disabled",
            "darkValue": "rgba(216, 218, 222, 0.3)",
            "darkOriginalValue": "night-gray.light03-transparent",
            "lightValue": "rgba(64, 81, 94, 0.3)",
            "lightOriginalValue": "gray.dark01-transparent"
        },
        "color-text-tertiary-hover": {
            "name": "text.tertiary",
            "description": "Hover color for tertiary text",
            "subState": "hover",
            "darkValue": "#b9bcc3",
            "darkOriginalValue": "night-gray.light01",
            "lightValue": "#1a1c1c",
            "lightOriginalValue": "neutral.black"
        },
        "color-text-quaternary-default": {
            "name": "text.quaternary",
            "subState": "default",
            "darkValue": "#757a84",
            "darkOriginalValue": "night-gray.dark01",
            "lightValue": "#a3b2bd",
            "lightOriginalValue": "gray.light01"
        },
        "color-text-accent-default": {
            "name": "text.accent",
            "description": "Use for the main variant of interactive text (links)",
            "subState": "default",
            "darkValue": "#2db5c6",
            "darkOriginalValue": "night-brand.light01",
            "lightValue": "#047a88",
            "lightOriginalValue": "brand.dark01"
        },
        "color-text-accent-hover": {
            "name": "text.accent",
            "description": "Hover color for accent text",
            "subState": "hover",
            "darkValue": "#80dfea",
            "darkOriginalValue": "night-brand.light02",
            "lightValue": "#054f57",
            "lightOriginalValue": "brand.dark02"
        },
        "color-text-onAccent-default": {
            "name": "text.onAccent",
            "description": "Use on top of background.accent or other colored-background (e.g. the text label on primary button)",
            "subState": "default",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-text-onAccent-disabled": {
            "name": "text.onAccent",
            "description": "Use on top of background.accent for text elements with lower visual hierarchy, such as placeholder texts.",
            "subState": "disabled",
            "darkValue": "rgba(216, 218, 222, 0.3)",
            "darkOriginalValue": "night-gray.light03-transparent",
            "lightValue": "rgba(255, 255, 255, 0.65)",
            "lightOriginalValue": "neutral.white-transparent02"
        },
        "color-text-onAccentSubtle-default": {
            "name": "text.onAccentSubtle",
            "description": "Use on top of background.accent for text elements with lower visual hierarchy, such as placeholder texts.",
            "subState": "default",
            "darkValue": "rgba(255, 255, 255, 0.65)",
            "darkOriginalValue": "neutral.white-transparent02",
            "lightValue": "rgba(255, 255, 255, 0.65)",
            "lightOriginalValue": "neutral.white-transparent02"
        },
        "color-text-info-default": {
            "name": "text.info",
            "description": "Use this text color for neutral information that needs to be elevated from the normal content",
            "subState": "default",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#1c427d",
            "lightOriginalValue": "blue.dark02"
        },
        "color-text-error-default": {
            "name": "text.error",
            "description": "Use in combination with other visual cues to emphasize a negative message",
            "subState": "default",
            "darkValue": "#f49a9a",
            "darkOriginalValue": "night-red.light02",
            "lightValue": "#c02725",
            "lightOriginalValue": "red.dark02"
        },
        "color-text-error-disabled": {
            "name": "text.error",
            "description": "Use for disabled error text elements",
            "subState": "disabled",
            "darkValue": "rgba(244, 154, 154, 0.3)",
            "darkOriginalValue": "night-red.light02-transparent",
            "lightValue": "rgba(192, 39, 37, 0.3)",
            "lightOriginalValue": "red.dark02-transparent"
        },
        "color-text-warning-default": {
            "name": "text.warning",
            "description": "Use in combination with other visual cues and warningSubtle background color to emphasize a negative message",
            "subState": "default",
            "darkValue": "#fae0b3",
            "darkOriginalValue": "night-orange.light02",
            "lightValue": "#314554",
            "lightOriginalValue": "gray.dark02"
        },
        "color-text-success-default": {
            "name": "text.success",
            "description": "Use in combination with other visual cues to emphasize a positive message",
            "subState": "default",
            "darkValue": "#a6f2dd",
            "darkOriginalValue": "night-green.light02",
            "lightValue": "#0a5c45",
            "lightOriginalValue": "green.dark02"
        },
        "color-text-underline-default": {
            "name": "text.underline",
            "description": "Use for line color of a regular link",
            "subState": "default",
            "darkValue": "#757a84",
            "darkOriginalValue": "night-gray.dark01",
            "lightValue": "#a3b2bd",
            "lightOriginalValue": "gray.light01"
        },
        "color-text-underline-hover": {
            "name": "text.underline",
            "description": "Hover color for underline text",
            "subState": "hover",
            "darkValue": "#93979f",
            "darkOriginalValue": "night-gray.regular",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-text-dottedUnderline-default": {
            "name": "text.dottedUnderline",
            "description": "Use for line color of a dotted link",
            "subState": "default",
            "darkValue": "#b9bcc3",
            "darkOriginalValue": "night-gray.light01",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-text-dottedUnderline-hover": {
            "name": "text.dottedUnderline",
            "description": "Hover color for dotted underline text",
            "subState": "hover",
            "darkValue": "#ced1d6",
            "darkOriginalValue": "night-gray.light02",
            "lightValue": "#40515e",
            "lightOriginalValue": "gray.dark01"
        }
    },
    "icon": {
        "color-icon-primary-default": {
            "name": "icon.primary",
            "description": "Default color for icons in any given interface",
            "subState": "default",
            "darkValue": "#d8dade",
            "darkOriginalValue": "night-gray.light03",
            "lightValue": "#1a1c1c",
            "lightOriginalValue": "neutral.black"
        },
        "color-icon-primary-hover": {
            "name": "icon.primary",
            "description": "Hover color for primary icons",
            "subState": "hover",
            "darkValue": "#d8dade",
            "darkOriginalValue": "night-gray.light03",
            "lightValue": "#1a1c1c",
            "lightOriginalValue": "neutral.black"
        },
        "color-icon-secondary-default": {
            "name": "icon.secondary",
            "description": "Use for icons that are secondary or that provides additional context",
            "subState": "default",
            "darkValue": "#ced1d6",
            "darkOriginalValue": "night-gray.light02",
            "lightValue": "#40515e",
            "lightOriginalValue": "gray.dark01"
        },
        "color-icon-secondary-hover": {
            "name": "icon.secondary",
            "description": "Hover color for secondary icons",
            "subState": "hover",
            "darkValue": "#d8dade",
            "darkOriginalValue": "night-gray.light03",
            "lightValue": "#314554",
            "lightOriginalValue": "gray.dark02"
        },
        "color-icon-tertiary-default": {
            "name": "icon.tertiary",
            "description": "Use for icons that provides additional context or to display unselected state of certain UI elements, such as mobile app tab bars",
            "subState": "default",
            "darkValue": "#93979f",
            "darkOriginalValue": "night-gray.regular",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-icon-tertiary-hover": {
            "name": "icon.tertiary",
            "description": "Hover color for tertiary icons",
            "subState": "hover",
            "darkValue": "#b9bcc3",
            "darkOriginalValue": "night-gray.light01",
            "lightValue": "#40515e",
            "lightOriginalValue": "gray.dark01"
        },
        "color-icon-quaternary-default": {
            "name": "icon.quaternary",
            "description": "Use for 'decorative' icons that are not critical to understanding the flow of an interface, but function as 'visual anchors'",
            "subState": "default",
            "darkValue": "#757a84",
            "darkOriginalValue": "night-gray.dark01",
            "lightValue": "#a3b2bd",
            "lightOriginalValue": "gray.light01"
        },
        "color-icon-quaternary-hover": {
            "name": "icon.quaternary",
            "description": "Hover color for quaternary icons",
            "subState": "hover",
            "darkValue": "#93979f",
            "darkOriginalValue": "night-gray.regular",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-icon-accent-default": {
            "name": "icon.accent",
            "description": "Use for icons that accompany the main variant of interactive text (links)",
            "subState": "default",
            "darkValue": "#2db5c6",
            "darkOriginalValue": "night-brand.light01",
            "lightValue": "#047a88",
            "lightOriginalValue": "brand.dark01"
        },
        "color-icon-accent-hover": {
            "name": "icon.accent",
            "description": "Hover color for accent icons",
            "subState": "hover",
            "darkValue": "#80dfea",
            "darkOriginalValue": "night-brand.light02",
            "lightValue": "#054f57",
            "lightOriginalValue": "brand.dark02"
        },
        "color-icon-onAccent-default": {
            "name": "icon.onAccent",
            "description": "Use for icons that are placed on top of background.accent (e.g. the icon on primary button)",
            "subState": "default",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-icon-onAccent-hover": {
            "name": "icon.onAccent",
            "description": "Hover color for onAccent icons (same as default since white doesn't have darker shade)",
            "subState": "hover",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-icon-onAccentSubtle-default": {
            "name": "icon.onAccentSubtle",
            "description": "Use on top of background.accent for icons with lower visual hierarchy",
            "subState": "default",
            "darkValue": "rgba(255, 255, 255, 0.65)",
            "darkOriginalValue": "neutral.white-transparent02",
            "lightValue": "rgba(255, 255, 255, 0.65)",
            "lightOriginalValue": "neutral.white-transparent02"
        },
        "color-icon-onAccentSubtle-hover": {
            "name": "icon.onAccentSubtle",
            "description": "Hover color for onAccentSubtle icons",
            "subState": "hover",
            "darkValue": "rgba(255, 255, 255, 0.3)",
            "darkOriginalValue": "neutral.white-transparent03",
            "lightValue": "rgba(255, 255, 255, 0.8)",
            "lightOriginalValue": "neutral.white-transparent01"
        },
        "color-icon-info-default": {
            "name": "icon.info",
            "description": "Use for icons that accompany neutral information which needs to be elevated from the normal content",
            "subState": "default",
            "darkValue": "#6e95cf",
            "darkOriginalValue": "night-blue.light01",
            "lightValue": "#295dae",
            "lightOriginalValue": "blue.dark01"
        },
        "color-icon-info-hover": {
            "name": "icon.info",
            "description": "Hover color for info icons",
            "subState": "hover",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#1c427d",
            "lightOriginalValue": "blue.dark02"
        },
        "color-icon-error-default": {
            "name": "icon.error",
            "description": "Use for icons that accompany negative messages",
            "subState": "default",
            "darkValue": "#d07c7c",
            "darkOriginalValue": "night-red.light01",
            "lightValue": "#dd3637",
            "lightOriginalValue": "red.dark01"
        },
        "color-icon-error-hover": {
            "name": "icon.error",
            "description": "Hover color for error icons",
            "subState": "hover",
            "darkValue": "#f49a9a",
            "darkOriginalValue": "night-red.light02",
            "lightValue": "#c02725",
            "lightOriginalValue": "red.dark02"
        },
        "color-icon-warning-default": {
            "name": "icon.warning",
            "description": "Use for icons that accompany warning messages",
            "subState": "default",
            "darkValue": "#cbac76",
            "darkOriginalValue": "night-orange.light01",
            "lightValue": "#df9411",
            "lightOriginalValue": "orange.dark01"
        },
        "color-icon-warning-hover": {
            "name": "icon.warning",
            "description": "Hover color for warning icons",
            "subState": "hover",
            "darkValue": "#fae0b3",
            "darkOriginalValue": "night-orange.light02",
            "lightValue": "#9a6304",
            "lightOriginalValue": "orange.dark02"
        },
        "color-icon-success-default": {
            "name": "icon.success",
            "description": "Use for icons that accompany positive messages",
            "subState": "default",
            "darkValue": "#41a48a",
            "darkOriginalValue": "night-green.light01",
            "lightValue": "#0b8363",
            "lightOriginalValue": "green.dark01"
        },
        "color-icon-success-hover": {
            "name": "icon.success",
            "description": "Hover color for success icons",
            "subState": "hover",
            "darkValue": "#a6f2dd",
            "darkOriginalValue": "night-green.light02",
            "lightValue": "#0a5c45",
            "lightOriginalValue": "green.dark02"
        },
        "color-icon-brand-default": {
            "name": "icon.brand",
            "description": "Currently used for icons",
            "subState": "default",
            "darkValue": "#2db5c6",
            "darkOriginalValue": "night-brand.light01",
            "lightValue": "#0aa6b8",
            "lightOriginalValue": "brand.regular"
        },
        "color-icon-brand-hover": {
            "name": "icon.brand",
            "description": "Hover color for brand icons",
            "subState": "hover",
            "darkValue": "#80dfea",
            "darkOriginalValue": "night-brand.light02",
            "lightValue": "#047a88",
            "lightOriginalValue": "brand.dark01"
        }
    },
    "border": {
        "color-border-primary-default": {
            "name": "border.primary",
            "description": "Use to create bounds around UI elements (e.g. Secondary buttons and radio buttons)",
            "subState": "default",
            "darkValue": "#757a84",
            "darkOriginalValue": "night-gray.dark01",
            "lightValue": "#7b8e9d",
            "lightOriginalValue": "gray.light01-alt"
        },
        "color-border-primary-hover": {
            "name": "border.primary",
            "subState": "hover",
            "darkValue": "#93979f",
            "darkOriginalValue": "night-gray.regular",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-border-primary-active": {
            "name": "border.primary",
            "subState": "active",
            "darkValue": "#b9bcc3",
            "darkOriginalValue": "night-gray.light01",
            "lightValue": "#40515e",
            "lightOriginalValue": "gray.dark01"
        },
        "color-border-primary-disabled": {
            "name": "border.primary",
            "subState": "disabled",
            "darkValue": "rgba(147, 151, 159, 0.08)",
            "darkOriginalValue": "night-gray.regular-transparent03",
            "lightValue": "rgba(163, 178, 189, 0.3)",
            "lightOriginalValue": "gray.light01-transparent"
        },
        "color-border-secondary-default": {
            "name": "border.secondary",
            "subState": "default",
            "darkValue": "rgba(147, 149, 159, 0.3)",
            "darkOriginalValue": "night-gray.regular-transparent01",
            "lightValue": "rgba(163, 178, 189, 0.3)",
            "lightOriginalValue": "gray.light01-transparent"
        },
        "color-border-secondary-hover": {
            "name": "border.secondary",
            "subState": "hover",
            "darkValue": "#757a84",
            "darkOriginalValue": "night-gray.dark01",
            "lightValue": "#a3b2bd",
            "lightOriginalValue": "gray.light01"
        },
        "color-border-secondary-active": {
            "name": "border.secondary",
            "subState": "active",
            "darkValue": "#93979f",
            "darkOriginalValue": "night-gray.regular",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-border-accent-default": {
            "name": "border.accent",
            "description": "Use as selected state or “on” state of certain UI elements (e.g. radio buttons)",
            "subState": "default",
            "darkValue": "#2db5c6",
            "darkOriginalValue": "night-brand.light01",
            "lightValue": "#047a88",
            "lightOriginalValue": "brand.dark01"
        },
        "color-border-onAccent-default": {
            "name": "border.onAccent",
            "description": "Use for border that are placed on top of background.accent ",
            "subState": "default",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#ffffff",
            "lightOriginalValue": "neutral.white"
        },
        "color-border-accentSubtle-default": {
            "name": "border.accentSubtle",
            "description": "Use in combination with color.background.accentSubtle to indicate selected state or 'on' state of certain UI elements (e.g. segemented controls)",
            "subState": "default",
            "darkValue": "#1d6670",
            "darkOriginalValue": "night-brand.regular",
            "lightValue": "#85d3dc",
            "lightOriginalValue": "brand.light01"
        },
        "color-border-error-default": {
            "name": "border.error",
            "description": "Use in combination with other visual cues to designate an error state of certain UI elements",
            "subState": "default",
            "darkValue": "#d07c7c",
            "darkOriginalValue": "night-red.light01",
            "lightValue": "#dd3637",
            "lightOriginalValue": "red.dark01"
        },
        "color-border-success-default": {
            "name": "border.success",
            "description": "Use in combination with other visual cues to designate a success state of certain UI elements",
            "subState": "default",
            "darkValue": "#41a48a",
            "darkOriginalValue": "night-green.light01",
            "lightValue": "#0b8363",
            "lightOriginalValue": "green.dark01"
        },
        "color-border-successSubtle-default": {
            "name": "border.successSubtle",
            "description": "Use in combination with other visual cues to designate a success state of certain UI elements",
            "subState": "default",
            "darkValue": "#28816b",
            "darkOriginalValue": "night-green.regular",
            "lightValue": "#8adcc6",
            "lightOriginalValue": "green.light01"
        },
        "color-border-errorSubtle-default": {
            "name": "border.errorSubtle",
            "description": "Use in combination with other visual cues to designate an error state of certain UI elements",
            "subState": "default",
            "darkValue": "#a45355",
            "darkOriginalValue": "night-red.regular",
            "lightValue": "#f07575",
            "lightOriginalValue": "red.light01"
        },
        "color-border-infoSubtle-default": {
            "name": "border.infoSubtle",
            "description": "Use in combination with other visual cues to designate an info state of certain UI elements",
            "subState": "default",
            "darkValue": "#2f538a",
            "darkOriginalValue": "night-blue.regular",
            "lightValue": "#6e95cf",
            "lightOriginalValue": "blue.light01"
        },
        "color-border-warningSubtle-default": {
            "name": "border.warningSubtle",
            "description": "Use in combination with other visual cues to designate a warning state of certain UI elements",
            "subState": "default",
            "darkValue": "#a4792d",
            "darkOriginalValue": "night-orange.regular",
            "lightValue": "#f6c66f",
            "lightOriginalValue": "orange.light01"
        }
    },
    "divider": {
        "color-divider-primary": {
            "name": "divider.primary",
            "description": "Use for dividers to emphasize the separation between items, columns or sections",
            "subState": "",
            "darkValue": "#32363e",
            "darkOriginalValue": "night-black.light01",
            "lightValue": "#e0e6eb",
            "lightOriginalValue": "gray.light02"
        },
        "color-divider-secondary": {
            "name": "divider.secondary",
            "subState": "",
            "darkValue": "rgba(147, 149, 159, 0.15)",
            "darkOriginalValue": "night-gray.regular-transparent02",
            "lightValue": "rgba(163, 178, 189, 0.3)",
            "lightOriginalValue": "gray.light01-transparent"
        },
        "color-divider-secondarySolid": {
            "name": "divider.secondarySolid",
            "subState": "",
            "darkValue": "#32363e",
            "darkOriginalValue": "night-black.light01",
            "lightValue": "#eef2f5",
            "lightOriginalValue": "gray.light03"
        }
    },
    "content": {
        "color-content-icon-physician": {
            "name": "content.icon",
            "subState": "physician",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#1c427d",
            "lightOriginalValue": "blue.dark02"
        },
        "color-content-icon-physicianUnimportant": {
            "name": "content.icon",
            "subState": "physicianUnimportant",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#1c427d",
            "lightOriginalValue": "blue.dark02"
        },
        "color-content-icon-unimportant": {
            "name": "content.icon",
            "subState": "unimportant",
            "darkValue": "#93979f",
            "darkOriginalValue": "night-gray.regular",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-content-text-physician": {
            "name": "content.text",
            "subState": "physician",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#1c427d",
            "lightOriginalValue": "blue.dark02"
        },
        "color-content-text-physicianUnimportant": {
            "name": "content.text",
            "subState": "physicianUnimportant",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#1c427d",
            "lightOriginalValue": "blue.dark02"
        },
        "color-content-text-unimportant": {
            "name": "content.text",
            "subState": "unimportant",
            "darkValue": "#b9bcc3",
            "darkOriginalValue": "night-gray.light01",
            "lightValue": "#1a1c1c",
            "lightOriginalValue": "neutral.black"
        },
        "color-content-textUnderline-physician": {
            "name": "content.textUnderline",
            "subState": "physician",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#1c427d",
            "lightOriginalValue": "blue.dark02"
        },
        "color-content-textUnderline-physicianUnimportant": {
            "name": "content.textUnderline",
            "subState": "physicianUnimportant",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#1c427d",
            "lightOriginalValue": "blue.dark02"
        },
        "color-content-textUnderline-unimportant": {
            "name": "content.textUnderline",
            "subState": "unimportant",
            "darkValue": "#93979f",
            "darkOriginalValue": "night-gray.regular",
            "lightValue": "#5a7183",
            "lightOriginalValue": "gray.regular"
        },
        "color-content-textDottedUnderline-physician": {
            "name": "content.textDottedUnderline",
            "subState": "physician",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#1c427d",
            "lightOriginalValue": "blue.dark02"
        },
        "color-content-textDottedUnderline-physicianUnimportant": {
            "name": "content.textDottedUnderline",
            "subState": "physicianUnimportant",
            "darkValue": "#99c1fa",
            "darkOriginalValue": "night-blue.light02",
            "lightValue": "#1c427d",
            "lightOriginalValue": "blue.dark02"
        },
        "color-content-textDottedUnderline-unimportant": {
            "name": "content.textDottedUnderline",
            "subState": "unimportant",
            "darkValue": "#ced1d6",
            "darkOriginalValue": "night-gray.light02",
            "lightValue": "#40515e",
            "lightOriginalValue": "gray.dark01"
        },
        "color-content-reference-button-background": {
            "name": "content.reference-button",
            "subState": "background",
            "darkValue": "#5b5f67",
            "darkOriginalValue": "night-gray.dark02",
            "lightValue": "#a3b2bd",
            "lightOriginalValue": "gray.light01"
        },
        "color-content-dosage-button-background": {
            "name": "content.dosage-button",
            "subState": "background",
            "darkValue": "#6d37c8",
            "darkOriginalValue": "night-purple.regular",
            "lightValue": "#ddd7fd",
            "lightOriginalValue": "purple.light02"
        },
        "color-content-dosage-button-text": {
            "name": "content.dosage-button",
            "subState": "text",
            "darkValue": "#ffffff",
            "darkOriginalValue": "neutral.white",
            "lightValue": "#6934c4",
            "lightOriginalValue": "purple.dark01"
        },
        "color-content-table-row": {
            "name": "content.table",
            "subState": "row",
            "darkValue": "rgba(29, 102, 112, 0.2)",
            "darkOriginalValue": "night-brand.regular-transparent01",
            "lightValue": "rgba(10, 166, 184, 0.05)",
            "lightOriginalValue": "brand.regular-transparent01"
        }
    },
    "splash-card": {
        "color-splash-card-text-accent": {
            "name": "splash-card.text",
            "subState": "accent",
            "darkValue": "#2db5c6",
            "darkOriginalValue": "night-brand.light01",
            "lightValue": "#054f57",
            "lightOriginalValue": "brand.dark02"
        },
        "color-splash-card-background-hover": {
            "name": "splash-card.background",
            "subState": "hover",
            "darkValue": "#1d6670",
            "darkOriginalValue": "night-brand.regular",
            "lightValue": "#054f57",
            "lightOriginalValue": "brand.dark02"
        }
    },
    "default-ring": {
        "shadow-default-ring": {
            "name": "default-ring",
            "subState": "",
            "darkValue": "0px 0px 0px 4px rgba(123, 142, 157, 0.10)",
            "darkOriginalValue": "",
            "lightValue": "0px 0px 0px 4px rgba(123, 142, 157, 0.10)",
            "lightOriginalValue": ""
        }
    },
    "focus-ring": {
        "shadow-focus-ring": {
            "name": "focus-ring",
            "subState": "",
            "darkValue": "0px 0px 0px 4px rgba(4, 122, 136, 0.25)",
            "darkOriginalValue": "",
            "lightValue": "0px 0px 0px 4px rgba(4, 122, 136, 0.25)",
            "lightOriginalValue": ""
        }
    }
}