@gitlab/ui

{ "border": { "color": { "transparent": { "$value": "{color.alpha.0}", "$type": "color", "$description": "Used when a border needs to be present, but not visibly perceived.", "$extensions": { "com.figma.scopes": [ "ALL_SCOPES" ] } } }, "radius": { "none": { "$value": "{spacing-scale.0}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] } }, "xs": { "$value": "{spacing-scale.px}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] } }, "sm": { "$value": "{spacing-scale.1}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] } }, "md": { "$value": "{spacing-scale.2}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] } }, "lg": { "$value": "{spacing-scale.3}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] } }, "xl": { "$value": "{spacing-scale.4}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] } }, "2xl": { "$value": "{spacing-scale.5}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] } }, "3xl": { "$value": "{spacing-scale.6}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] } }, "full": { "$value": { "value": 9999, "unit": "px" }, "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] } } } }, "color": { "alpha": { "0": { "$value": "transparent", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "dark": { "2": { "$value": "rgba(05, 05, 06, 0.02)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "4": { "$value": "rgba(05, 05, 06, 0.04)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "6": { "$value": "rgba(05, 05, 06, 0.06)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "8": { "$value": "rgba(05, 05, 06, 0.08)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "16": { "$value": "rgba(05, 05, 06, 0.16)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "24": { "$value": "rgba(05, 05, 06, 0.24)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "40": { "$value": "rgba(05, 05, 06, 0.4)", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "light": { "2": { "$value": "rgba(255, 255, 255, 0.02)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "4": { "$value": "rgba(255, 255, 255, 0.04)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "6": { "$value": "rgba(255, 255, 255, 0.06)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "8": { "$value": "rgba(255, 255, 255, 0.08)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "16": { "$value": "rgba(255, 255, 255, 0.16)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "24": { "$value": "rgba(255, 255, 255, 0.24)", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "36": { "$value": "rgba(255, 255, 255, 0.36)", "$type": "color", "$extensions": { "com.figma.scopes": [] } } } }, "blue": { "50": { "$value": "#e9f3fc", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#cbe2f9", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#9dc7f1", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#63a6e9", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#428fdc", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#1f75cb", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#2f68b4", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#2f5ca0", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#284779", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#213454", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#1d283e", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "neutral": { "0": { "$value": "#fff", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "10": { "$value": "#fbfafd", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "50": { "$value": "#ececef", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#dcdcde", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#bfbfc3", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#a4a3a8", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#89888d", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#737278", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#626168", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#4c4b51", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#3a383f", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#28272d", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#18171d", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "1000": { "$value": "#050506", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "green": { "50": { "$value": "#ecf4ee", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#c3e6cd", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#91d4a8", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#52b87a", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#2da160", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#108548", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#2f7549", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#306440", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#225131", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#1e3e28", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#17291c", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "orange": { "50": { "$value": "#fdf1dd", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#f5d9a8", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#e9be74", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#d99530", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#c17d10", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#ab6100", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#995715", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#894b16", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#693c14", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#532e16", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#382315", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "purple": { "50": { "$value": "#f4f0ff", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#e1d8f9", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#cbbbf2", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#ac93e6", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#9475db", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#7b58cf", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#6a4fb4", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#5c47a6", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#493c83", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#342d59", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#27243e", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "red": { "50": { "$value": "#fcf1ef", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#fdd4cd", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#fcb5aa", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#f6806d", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#ec5941", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#dd2b0e", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#c02f12", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#a32c12", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#812713", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#582014", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#3e1a14", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "data-green": { "50": { "$value": "#ddfab7", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#c6ed94", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#b0d97b", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#94c25e", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#81ac41", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#619025", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#4e7f0e", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#366800", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#275600", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#1a4500", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#133a03", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "data-aqua": { "50": { "$value": "#b5fefd", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#93f2ef", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#5edee3", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#32c5d2", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#00acc4", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#0090b1", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#007b9b", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#006381", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#00516c", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#004059", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#00344b", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "data-blue": { "50": { "$value": "#e9ebff", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#d2dcff", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#b7c6ff", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#97acff", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#7992f5", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#617ae2", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#4e65cd", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#3f51ae", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#374291", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#303470", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#2a2b59", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "data-magenta": { "50": { "$value": "#ffe3eb", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#ffccdb", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#fcacc5", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#f88aaf", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#e86e9a", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#cf4d81", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#b93d71", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#9a2e5d", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#7c214f", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#661e3a", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#541d31", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "data-orange": { "50": { "$value": "#fae8d1", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#f5d6b3", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#eebd8c", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#e99b60", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#e07e41", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#c95d2e", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#b14f18", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#92430a", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#6f3500", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#5e2f05", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#4b2707", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "theme-indigo": { "10": { "$value": "#f8f8ff", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "50": { "$value": "#f1f1ff", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#dbdbf8", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#c7c7f2", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#a2a2e6", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#8181d7", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#6666c4", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#5252b5", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#41419f", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#303083", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#222261", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#14143d", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "theme-blue": { "10": { "$value": "#e6ecf0", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "50": { "$value": "#cdd8e3", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#b9cadc", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#a6bdd5", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#81a5c9", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#628eb9", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#4977a5", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#346596", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#235180", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#153c63", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#0b2640", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#04101c", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "theme-light-blue": { "10": { "$value": "#eef3f7", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "50": { "$value": "#dde6ee", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#c1d4e6", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#a0bedc", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#74a3d3", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#4f8bc7", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#3476b9", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#2268ae", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#145aa1", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#0e4d8d", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#0c4277", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#0a3764", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "theme-green": { "10": { "$value": "#eef4ef", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "50": { "$value": "#dde9de", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#b1d6b5", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#8cc497", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#69af7d", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#499767", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#308258", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#25744c", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#1b653f", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#155635", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#0e4328", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#052e19", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "theme-red": { "10": { "$value": "#faf4f3", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "50": { "$value": "#f4e9e7", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#ecd3d0", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#e3bab5", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#d59086", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#c66e60", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#ad4a3b", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#a13322", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#8f2110", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#761405", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#580d02", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#380700", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "theme-light-red": { "10": { "$value": "#fdf9f8", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "50": { "$value": "#faf2f1", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "100": { "$value": "#f6d9d5", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "200": { "$value": "#ebada2", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "300": { "$value": "#e07f6f", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "400": { "$value": "#d36250", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "500": { "$value": "#c24b38", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "600": { "$value": "#b53a26", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "700": { "$value": "#a02e1c", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "800": { "$value": "#8b2212", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "900": { "$value": "#751709", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "950": { "$value": "#5c1105", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "brand-white": { "$value": "#fff", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "brand-charcoal": { "$value": "#171321", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "brand-orange": { "01g": { "$value": "#ffd1bf", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "01p": { "$value": "#fca326", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "02p": { "$value": "#fc6d26", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "03p": { "$value": "#e24329", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "brand-purple": { "01g": { "$value": "#ceb3ef", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "01p": { "$value": "#a989f5", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "02p": { "$value": "#7759c2", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "brand-gray": { "01": { "$value": "#d1d0d3", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "02": { "$value": "#a2a1a6", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "03": { "$value": "#74717a", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "04": { "$value": "#45424d", "$type": "color", "$extensions": { "com.figma.scopes": [] } }, "05": { "$value": "#2b2838", "$type": "color", "$extensions": { "com.figma.scopes": [] } } }, "brand-pink": { "01g": { "$value": "#ffb9c9", "$type": "color", "$extensions": { "com.figma.scopes": [] } } } }, "font": { "family": { "regular": { "$value": [ "var(--default-regular-font, 'GitLab Sans')", "-apple-system", "BlinkMacSystemFont", "'Segoe UI'", "Roboto", "'Noto Sans'", "Ubuntu", "Cantarell", "'Helvetica Neue'", "sans-serif", "'Apple Color Emoji'", "'Segoe UI Emoji'", "'Segoe UI Symbol'", "'Noto Color Emoji'" ], "$type": "fontFamily", "$extensions": { "com.figma.scopes": [ "FONT_FAMILY" ] } }, "monospace": { "$value": [ "var(--default-mono-font, 'GitLab Mono')", "'JetBrains Mono'", "Menlo", "'DejaVu Sans Mono'", "'Liberation Mono'", "Consolas", "'Ubuntu Mono'", "'Courier New'", "'andale mono'", "'lucida console'", "monospace" ], "$type": "fontFamily", "$extensions": { "com.figma.scopes": [ "FONT_FAMILY" ] } } }, "size": { "100": { "$value": { "value": 0.75, "unit": "rem" }, "$type": "dimension", "$description": "Used for meta text and small labels.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "200": { "$value": { "value": 0.8125, "unit": "rem" }, "$type": "dimension", "$description": "Used for level 6 headings.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "300": { "$value": { "value": 0.875, "unit": "rem" }, "$type": "dimension", "$description": "Used for level 5 headings, body text, input labels, and help text.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "400": { "$value": { "value": 1, "unit": "rem" }, "$type": "dimension", "$description": "Used for level 4 headings, large body text.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "500": { "$value": "clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem)", "$type": "dimension", "$description": "Used for responsive level 3 headings.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "600": { "$value": "clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem)", "$type": "dimension", "$description": "Used for responsive level 2 headings.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "700": { "$value": "clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem)", "$type": "dimension", "$description": "Used for responsive level 1 headings", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "800": { "$value": "clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem)", "$type": "dimension", "$description": "Used for a responsive display option that can be applied to a level 1 heading to increase its prominence.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "xs": { "$value": { "value": 0.625, "unit": "rem" }, "$type": "dimension", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "sm": { "$value": "{font.size.100}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "md": { "$value": "{font.size.300}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "lg": { "$value": "{font.size.400}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "100-fixed": { "$value": { "value": 0.75, "unit": "rem" }, "$type": "dimension", "$description": "Used for meta text and small labels.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "200-fixed": { "$value": { "value": 0.8125, "unit": "rem" }, "$type": "dimension", "$description": "Used for level 6 headings.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "300-fixed": { "$value": { "value": 0.875, "unit": "rem" }, "$type": "dimension", "$description": "Used for level 5 headings, body text, input labels, and help text.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "400-fixed": { "$value": { "value": 1, "unit": "rem" }, "$type": "dimension", "$description": "Used for level 4 headings, large body text.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "500-fixed": { "$value": { "value": 1.125, "unit": "rem" }, "$type": "dimension", "$description": "Used for level 3 headings.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "600-fixed": { "$value": { "value": 1.3125, "unit": "rem" }, "$type": "dimension", "$description": "Used for level 2 headings.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "700-fixed": { "$value": { "value": 1.5, "unit": "rem" }, "$type": "dimension", "$description": "Used for level 1 headings", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "800-fixed": { "$value": { "value": 1.75, "unit": "rem" }, "$type": "dimension", "$description": "Used for a display option that can be applied to a level 1 heading to increase its prominence.", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } } }, "weight": { "100": { "$value": "100", "$type": "fontWeight", "$extensions": { "com.figma.scopes": [ "FONT_WEIGHT" ] } }, "300": { "$value": "300", "$type": "fontWeight", "$extensions": { "com.figma.scopes": [ "FONT_WEIGHT" ] } }, "normal": { "$value": "400", "$type": "fontWeight", "$extensions": { "com.figma.scopes": [ "FONT_WEIGHT" ] } }, "semibold": { "$value": "500", "$type": "fontWeight", "$extensions": { "com.figma.scopes": [ "FONT_WEIGHT" ] } }, "bold": { "$value": "600", "$type": "fontWeight", "$extensions": { "com.figma.scopes": [ "FONT_WEIGHT" ] } } } }, "heading": { "scale": { "100": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.100}", "letterSpacing": "inherit", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "200": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.200}", "letterSpacing": "inherit", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "300": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.300}", "letterSpacing": "inherit", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "400": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.400}", "letterSpacing": "inherit", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "500": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.500}", "letterSpacing": "inherit", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "600": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.600}", "letterSpacing": "{letter-spacing.heading}", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "700": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.700}", "letterSpacing": "{letter-spacing.heading}", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "800": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.800}", "letterSpacing": "{letter-spacing.heading}", "lineHeight": 1.125, "color": "{text.color.heading}" }, "$type": "typography" }, "100-fixed": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.100-fixed}", "letterSpacing": "inherit", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "200-fixed": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.200-fixed}", "letterSpacing": "inherit", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "300-fixed": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.300-fixed}", "letterSpacing": "inherit", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "400-fixed": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.400-fixed}", "letterSpacing": "inherit", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "500-fixed": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.500-fixed}", "letterSpacing": "inherit", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "600-fixed": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.600-fixed}", "letterSpacing": "{letter-spacing.heading}", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "700-fixed": { "$value": { "fontWeight": "{font.weight.heading}", "marginTop": "{heading.default.margin.top}", "fontSize": "{font.size.700-fixed}", "letterSpacing": "{letter-spacing.heading}", "lineHeight": "{line-height.heading}", "color": "{text.color.heading}" }, "$type": "typography" }, "800-fixed": { "$value": { "fontWeight": "{fo