{ "$schema": "https://design-tokens.github.io/community-group/format/", "$metadata": { "version": "1.0.0", "updated": "2026-04-23", "scope": "STTIL Solutions — master token set (Signal CGM product expression)", "accent-family": "tangerine", "source": "docs/design-tokens-v1.json" }, "color": { "teal": { "50": { "$value": "#EEF8F8", "$type": "color" }, "100": { "$value": "#CBE9E9", "$type": "color" }, "200": { "$value": "#97D3D3", "$type": "color" }, "300": { "$value": "#5BBBBB", "$type": "color" }, "400": { "$value": "#2EA3A3", "$type": "color" }, "500": { "$value": "#1A8A8A", "$type": "color" }, "600": { "$value": "#147A7A", "$type": "color" }, "700": { "$value": "#0F5E5E", "$type": "color" }, "800": { "$value": "#0A4444", "$type": "color" }, "900": { "$value": "#072E2E", "$type": "color" }, "950": { "$value": "#041A1A", "$type": "color" } }, "tangerine": { "50": { "$value": "#FFF4EE", "$type": "color" }, "100": { "$value": "#FFE4CC", "$type": "color" }, "200": { "$value": "#FFC090", "$type": "color" }, "300": { "$value": "#FFB070", "$type": "color" }, "400": { "$value": "#F07840", "$type": "color" }, "500": { "$value": "#E06028", "$type": "color" }, "600": { "$value": "#C04E1C", "$type": "color" }, "700": { "$value": "#903A14", "$type": "color" }, "800": { "$value": "#6A2A0C", "$type": "color" }, "900": { "$value": "#3E1808", "$type": "color" } }, "neutral": { "0": { "$value": "#FFFFFF", "$type": "color" }, "50": { "$value": "#F4F9F9", "$type": "color" }, "100": { "$value": "#E5EEEE", "$type": "color" }, "200": { "$value": "#C8D8D8", "$type": "color" }, "300": { "$value": "#A3BEBE", "$type": "color" }, "400": { "$value": "#7A9E9E", "$type": "color" }, "500": { "$value": "#5A7E7E", "$type": "color" }, "600": { "$value": "#426060", "$type": "color" }, "700": { "$value": "#2E4444", "$type": "color" }, "800": { "$value": "#1C2C2C", "$type": "color" }, "900": { "$value": "#111A1A", "$type": "color" } }, "semantic": { "success": { "100": { "$value": "#C8EDD8", "$type": "color" }, "500": { "$value": "#1A7A4E", "$type": "color" }, "600": { "$value": "#146040", "$type": "color" } }, "warning": { "100": { "$value": "#FDECD5", "$type": "color" }, "400": { "$value": "#D97B35", "$type": "color" }, "600": { "$value": "#A85A18", "$type": "color" } }, "error": { "100": { "$value": "#F8CCCC", "$type": "color" }, "500": { "$value": "#C83030", "$type": "color" }, "600": { "$value": "#A02020", "$type": "color" } }, "info": { "100": { "$value": "#C8E0EE", "$type": "color" }, "500": { "$value": "#1A6A9A", "$type": "color" } }, "purple": { "100": { "$value": "#E2D8F0", "$type": "color" }, "500": { "$value": "#7A5EA0", "$type": "color" } } } }, "typography": { "fontFamily": { "heading": { "$value": "'Plus Jakarta Sans', sans-serif", "$type": "fontFamily" }, "body": { "$value": "'Inter', sans-serif", "$type": "fontFamily" }, "mono": { "$value": "'JetBrains Mono', monospace", "$type": "fontFamily" } }, "fontSize": { "xs": { "$value": "0.75rem" }, "sm": { "$value": "0.875rem" }, "base": { "$value": "1rem" }, "lg": { "$value": "1.125rem" }, "xl": { "$value": "1.25rem" }, "2xl": { "$value": "1.5rem" }, "3xl": { "$value": "1.875rem" }, "4xl": { "$value": "2.25rem" }, "5xl": { "$value": "3rem" } }, "fontWeight": { "regular": { "$value": 400 }, "medium": { "$value": 500 }, "semibold": { "$value": 600 }, "bold": { "$value": 700 } } }, "spacing": { "0": { "$value": "0rem" }, "1": { "$value": "0.25rem" }, "2": { "$value": "0.5rem" }, "3": { "$value": "0.75rem" }, "4": { "$value": "1rem" }, "5": { "$value": "1.25rem" }, "6": { "$value": "1.5rem" }, "8": { "$value": "2rem" }, "10": { "$value": "2.5rem" }, "12": { "$value": "3rem" }, "16": { "$value": "4rem" }, "20": { "$value": "5rem" }, "24": { "$value": "6rem" } }, "borderRadius": { "none": { "$value": "0" }, "sm": { "$value": "0.25rem" }, "md": { "$value": "0.5rem" }, "lg": { "$value": "0.75rem" }, "xl": { "$value": "1rem" }, "2xl": { "$value": "1.5rem" }, "full": { "$value": "9999px" } }, "shadow": { "sm": { "$value": "0 1px 3px rgba(7,46,46,0.10)" }, "md": { "$value": "0 2px 10px rgba(4,26,26,0.14)" }, "lg": { "$value": "0 4px 20px rgba(4,26,26,0.18)" }, "xl": { "$value": "0 8px 32px rgba(4,26,26,0.22)" }, "tangerine-glow-dark": { "$value": "0 0 24px rgba(240,120,64,0.30), 0 2px 10px rgba(4,26,26,0.70)" }, "tangerine-glow-light": { "$value": "0 0 16px rgba(224,96,40,0.20), 0 2px 8px rgba(0,0,0,0.08)" } } }