{ "collections": [ { "file": "1. Colors.json", "name": "1. Colors", "mode": "Light Mode", "allModes": [ "Light Mode", "Dark Mode", "Blue", "Teal" ], "primitive": false, "count": 149, "tokens": [ { "figma": "Text/text-primary", "css": "--text-primary", "type": "COLOR", "value": "#0a0a0a", "byMode": { "Light Mode": "#0a0a0a", "Dark Mode": "#ffffff", "Blue": "#0a0a0a", "Teal": "#0a0a0a" }, "alias": "primary/neutral/950", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-secondary", "css": "--text-secondary", "type": "COLOR", "value": "#404040", "byMode": { "Light Mode": "#404040", "Dark Mode": "#d4d4d4", "Blue": "#404040", "Teal": "#404040" }, "alias": "primary/neutral/700", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-tertiary", "css": "--text-tertiary", "type": "COLOR", "value": "#525252", "byMode": { "Light Mode": "#525252", "Dark Mode": "#a3a3a3", "Blue": "#525252", "Teal": "#525252" }, "alias": "primary/neutral/600", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-quarternary", "css": "--text-quarternary", "type": "COLOR", "value": "#737373", "byMode": { "Light Mode": "#737373", "Dark Mode": "#a3a3a3", "Blue": "#737373", "Teal": "#737373" }, "alias": "primary/neutral/500", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-disabled", "css": "--text-disabled", "type": "COLOR", "value": "#a3a3a3", "byMode": { "Light Mode": "#a3a3a3", "Dark Mode": "#737373", "Blue": "#a3a3a3", "Teal": "#a3a3a3" }, "alias": "primary/neutral/400", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-error", "css": "--text-error", "type": "COLOR", "value": "#dc2626", "byMode": { "Light Mode": "#dc2626", "Dark Mode": "#ef4444", "Blue": "#dc2626", "Teal": "#dc2626" }, "alias": "primary/error/600", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-error-secondary", "css": "--text-error-secondary", "type": "COLOR", "value": "#f87171", "byMode": { "Light Mode": "#f87171", "Dark Mode": "#fef2f2", "Blue": "#f87171", "Teal": "#f87171" }, "alias": "primary/error/400", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-warning", "css": "--text-warning", "type": "COLOR", "value": "#d97706", "byMode": { "Light Mode": "#d97706", "Dark Mode": "#fbbf24", "Blue": "#d97706", "Teal": "#d97706" }, "alias": "primary/warning/600", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-warning-secondary", "css": "--text-warning-secondary", "type": "COLOR", "value": "#fbbf24", "byMode": { "Light Mode": "#fbbf24", "Dark Mode": "#fffbeb", "Blue": "#fbbf24", "Teal": "#fbbf24" }, "alias": "primary/warning/400", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-success", "css": "--text-success", "type": "COLOR", "value": "#059669", "byMode": { "Light Mode": "#059669", "Dark Mode": "#34d399", "Blue": "#059669", "Teal": "#059669" }, "alias": "primary/success/600", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-brand", "css": "--text-brand", "type": "COLOR", "value": "#171717", "byMode": { "Light Mode": "#171717", "Dark Mode": "#fcfcfc", "Blue": "#2563eb", "Teal": "#0d9488" }, "alias": "primary/brand/900", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-brand-secondary", "css": "--text-brand-secondary", "type": "COLOR", "value": "#a3a3a3", "byMode": { "Light Mode": "#a3a3a3", "Dark Mode": "#f7f7f7", "Blue": "#60a5fa", "Teal": "#2dd4bf" }, "alias": "primary/brand/400", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Border/border-primary", "css": "--border-primary", "type": "COLOR", "value": "#f0f0f0", "byMode": { "Light Mode": "#f0f0f0", "Dark Mode": "#262626", "Blue": "#f0f0f0", "Teal": "#f0f0f0" }, "alias": "primary/neutral/100", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-secondary", "css": "--border-secondary", "type": "COLOR", "value": "#e5e5e5", "byMode": { "Light Mode": "#e5e5e5", "Dark Mode": "#262626", "Blue": "#e5e5e5", "Teal": "#e5e5e5" }, "alias": "primary/neutral/200", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-tertiary", "css": "--border-tertiary", "type": "COLOR", "value": "#d4d4d4", "byMode": { "Light Mode": "#d4d4d4", "Dark Mode": "#404040", "Blue": "#d4d4d4", "Teal": "#d4d4d4" }, "alias": "primary/neutral/300", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-disabled", "css": "--border-disabled", "type": "COLOR", "value": "#f0f0f0", "byMode": { "Light Mode": "#f0f0f0", "Dark Mode": "#404040", "Blue": "#f0f0f0", "Teal": "#f0f0f0" }, "alias": "primary/neutral/100", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-error", "css": "--border-error", "type": "COLOR", "value": "#dc2626", "byMode": { "Light Mode": "#dc2626", "Dark Mode": "#ef4444", "Blue": "#dc2626", "Teal": "#dc2626" }, "alias": "primary/error/600", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-error-secondary", "css": "--border-error-secondary", "type": "COLOR", "value": "#fecaca", "byMode": { "Light Mode": "#fecaca", "Dark Mode": "#7f1d1d", "Blue": "#fecaca", "Teal": "#fecaca" }, "alias": "primary/error/200", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-warning", "css": "--border-warning", "type": "COLOR", "value": "#d97706", "byMode": { "Light Mode": "#d97706", "Dark Mode": "#fbbf24", "Blue": "#d97706", "Teal": "#d97706" }, "alias": "primary/warning/600", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-warning-secondary", "css": "--border-warning-secondary", "type": "COLOR", "value": "#fde68a", "byMode": { "Light Mode": "#fde68a", "Dark Mode": "#78350f", "Blue": "#fde68a", "Teal": "#fde68a" }, "alias": "primary/warning/200", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-success", "css": "--border-success", "type": "COLOR", "value": "#059669", "byMode": { "Light Mode": "#059669", "Dark Mode": "#34d399", "Blue": "#059669", "Teal": "#059669" }, "alias": "primary/success/600", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-brand", "css": "--border-brand", "type": "COLOR", "value": "#171717", "byMode": { "Light Mode": "#171717", "Dark Mode": "#e5e5e5", "Blue": "#2563eb", "Teal": "#0d9488" }, "alias": "primary/brand/900", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-brand-secondary", "css": "--border-brand-secondary", "type": "COLOR", "value": "#e5e5e5", "byMode": { "Light Mode": "#e5e5e5", "Dark Mode": "#525252", "Blue": "#60a5fa", "Teal": "#2dd4bf" }, "alias": "primary/brand/200", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-primary", "css": "--icon-primary", "type": "COLOR", "value": "#171717", "byMode": { "Light Mode": "#171717", "Dark Mode": "#ffffff", "Blue": "#171717", "Teal": "#171717" }, "alias": "primary/neutral/900", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-secondary", "css": "--icon-secondary", "type": "COLOR", "value": "#525252", "byMode": { "Light Mode": "#525252", "Dark Mode": "#d4d4d4", "Blue": "#525252", "Teal": "#525252" }, "alias": "primary/neutral/600", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-tertiary", "css": "--icon-tertiary", "type": "COLOR", "value": "#737373", "byMode": { "Light Mode": "#737373", "Dark Mode": "#737373", "Blue": "#737373", "Teal": "#737373" }, "alias": "primary/neutral/500", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-disabled", "css": "--icon-disabled", "type": "COLOR", "value": "#a3a3a3", "byMode": { "Light Mode": "#a3a3a3", "Dark Mode": "#737373", "Blue": "#a3a3a3", "Teal": "#a3a3a3" }, "alias": "primary/neutral/400", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-error", "css": "--icon-error", "type": "COLOR", "value": "#dc2626", "byMode": { "Light Mode": "#dc2626", "Dark Mode": "#ef4444", "Blue": "#dc2626", "Teal": "#dc2626" }, "alias": "primary/error/600", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-error-secondary", "css": "--icon-error-secondary", "type": "COLOR", "value": "#f87171", "byMode": { "Light Mode": "#f87171", "Dark Mode": "#f87171", "Blue": "#f87171", "Teal": "#f87171" }, "alias": "primary/error/400", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-warning", "css": "--icon-warning", "type": "COLOR", "value": "#d97706", "byMode": { "Light Mode": "#d97706", "Dark Mode": "#fbbf24", "Blue": "#d97706", "Teal": "#d97706" }, "alias": "primary/warning/600", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-warning-secondary", "css": "--icon-warning-secondary", "type": "COLOR", "value": "#fbbf24", "byMode": { "Light Mode": "#fbbf24", "Dark Mode": "#fbbf24", "Blue": "#fbbf24", "Teal": "#fbbf24" }, "alias": "primary/warning/400", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-success", "css": "--icon-success", "type": "COLOR", "value": "#059669", "byMode": { "Light Mode": "#059669", "Dark Mode": "#34d399", "Blue": "#059669", "Teal": "#059669" }, "alias": "primary/success/600", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-brand", "css": "--icon-brand", "type": "COLOR", "value": "#171717", "byMode": { "Light Mode": "#171717", "Dark Mode": "#f7f7f7", "Blue": "#2563eb", "Teal": "#0d9488" }, "alias": "primary/brand/900", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-brand-secondary", "css": "--icon-brand-secondary", "type": "COLOR", "value": "#a3a3a3", "byMode": { "Light Mode": "#a3a3a3", "Dark Mode": "#a3a3a3", "Blue": "#60a5fa", "Teal": "#2dd4bf" }, "alias": "primary/brand/400", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Background/bg-primary", "css": "--bg-primary", "type": "COLOR", "value": "#ffffff", "byMode": { "Light Mode": "#ffffff", "Dark Mode": "#0a0a0a", "Blue": "#ffffff", "Teal": "#ffffff" }, "alias": "primary/white", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-primary_hover", "css": "--bg-primary_hover", "type": "COLOR", "value": "#f7f7f7", "byMode": { "Light Mode": "#f7f7f7", "Dark Mode": "#262626", "Blue": "#f7f7f7", "Teal": "#f7f7f7" }, "alias": "primary/neutral/50", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-secondary", "css": "--bg-secondary", "type": "COLOR", "value": "#f7f7f7", "byMode": { "Light Mode": "#f7f7f7", "Dark Mode": "#171717", "Blue": "#f7f7f7", "Teal": "#f7f7f7" }, "alias": "primary/neutral/50", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-tertiary", "css": "--bg-tertiary", "type": "COLOR", "value": "#f0f0f0", "byMode": { "Light Mode": "#f0f0f0", "Dark Mode": "#262626", "Blue": "#f0f0f0", "Teal": "#f0f0f0" }, "alias": "primary/neutral/100", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-quarternary", "css": "--bg-quarternary", "type": "COLOR", "value": "#e5e5e5", "byMode": { "Light Mode": "#e5e5e5", "Dark Mode": "#404040", "Blue": "#e5e5e5", "Teal": "#e5e5e5" }, "alias": "primary/neutral/200", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-disabled", "css": "--bg-disabled", "type": "COLOR", "value": "#f7f7f7", "byMode": { "Light Mode": "#f7f7f7", "Dark Mode": "#262626", "Blue": "#f7f7f7", "Teal": "#f7f7f7" }, "alias": "primary/neutral/50", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-error", "css": "--bg-error", "type": "COLOR", "value": "#fef2f2", "byMode": { "Light Mode": "#fef2f2", "Dark Mode": "#dc26261a", "Blue": "#fef2f2", "Teal": "#fef2f2" }, "alias": "primary/error/50", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-error-secondary", "css": "--bg-error-secondary", "type": "COLOR", "value": "#fee2e2", "byMode": { "Light Mode": "#fee2e2", "Dark Mode": "#dc2626", "Blue": "#fee2e2", "Teal": "#fee2e2" }, "alias": "primary/error/100", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-warning", "css": "--bg-warning", "type": "COLOR", "value": "#fffbeb", "byMode": { "Light Mode": "#fffbeb", "Dark Mode": "#f59e0b1a", "Blue": "#fffbeb", "Teal": "#fffbeb" }, "alias": "primary/warning/50", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-warning-secondary", "css": "--bg-warning-secondary", "type": "COLOR", "value": "#fef3c7", "byMode": { "Light Mode": "#fef3c7", "Dark Mode": "#d97706", "Blue": "#fef3c7", "Teal": "#fef3c7" }, "alias": "primary/warning/100", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-success", "css": "--bg-success", "type": "COLOR", "value": "#ecfdf5", "byMode": { "Light Mode": "#ecfdf5", "Dark Mode": "#05966933", "Blue": "#ecfdf5", "Teal": "#ecfdf5" }, "alias": "primary/success/50", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-brand-primary", "css": "--bg-brand-primary", "type": "COLOR", "value": "#f7f7f7", "byMode": { "Light Mode": "#f7f7f7", "Dark Mode": "#171717", "Blue": "#eff6ff", "Teal": "#f0fdfa" }, "alias": "primary/brand/50", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-brand-secondary", "css": "--bg-brand-secondary", "type": "COLOR", "value": "#f0f0f0", "byMode": { "Light Mode": "#f0f0f0", "Dark Mode": "#525252", "Blue": "#dbeafe", "Teal": "#ccfbf1" }, "alias": "primary/brand/100", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-alt", "css": "--bg-alt", "type": "COLOR", "value": "#171717", "byMode": { "Light Mode": "#171717", "Dark Mode": "#ffffff", "Blue": "#171717", "Teal": "#171717" }, "alias": "primary/neutral/900", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Opacity/opacity-light-10", "css": "--opacity-light-10", "type": "COLOR", "value": "#ffffff1a", "byMode": { "Light Mode": "#ffffff1a", "Dark Mode": "#0e0f111a", "Blue": "#ffffff1a", "Teal": "#ffffff1a" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-light-20", "css": "--opacity-light-20", "type": "COLOR", "value": "#ffffff33", "byMode": { "Light Mode": "#ffffff33", "Dark Mode": "#0e0f1133", "Blue": "#ffffff33", "Teal": "#ffffff33" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-light-30", "css": "--opacity-light-30", "type": "COLOR", "value": "#ffffff4d", "byMode": { "Light Mode": "#ffffff4d", "Dark Mode": "#0e0f114d", "Blue": "#ffffff4d", "Teal": "#ffffff4d" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-light-40", "css": "--opacity-light-40", "type": "COLOR", "value": "#ffffff66", "byMode": { "Light Mode": "#ffffff66", "Dark Mode": "#0e0f1166", "Blue": "#ffffff66", "Teal": "#ffffff66" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-light-50", "css": "--opacity-light-50", "type": "COLOR", "value": "#ffffff80", "byMode": { "Light Mode": "#ffffff80", "Dark Mode": "#0e0f1180", "Blue": "#ffffff80", "Teal": "#ffffff80" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-light-60", "css": "--opacity-light-60", "type": "COLOR", "value": "#ffffff99", "byMode": { "Light Mode": "#ffffff99", "Dark Mode": "#0e0f1199", "Blue": "#ffffff99", "Teal": "#ffffff99" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-light-70", "css": "--opacity-light-70", "type": "COLOR", "value": "#ffffffb2", "byMode": { "Light Mode": "#ffffffb2", "Dark Mode": "#0e0f11b2", "Blue": "#ffffffb2", "Teal": "#ffffffb2" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-light-80", "css": "--opacity-light-80", "type": "COLOR", "value": "#ffffffcc", "byMode": { "Light Mode": "#ffffffcc", "Dark Mode": "#0e0f11cc", "Blue": "#ffffffcc", "Teal": "#ffffffcc" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-light-90", "css": "--opacity-light-90", "type": "COLOR", "value": "#ffffffe5", "byMode": { "Light Mode": "#ffffffe5", "Dark Mode": "#0e0f11e5", "Blue": "#ffffffe5", "Teal": "#ffffffe5" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-dark-10", "css": "--opacity-dark-10", "type": "COLOR", "value": "#0000001a", "byMode": { "Light Mode": "#0000001a", "Dark Mode": "#ffffff1a", "Blue": "#0000001a", "Teal": "#0000001a" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-dark-20", "css": "--opacity-dark-20", "type": "COLOR", "value": "#00000033", "byMode": { "Light Mode": "#00000033", "Dark Mode": "#ffffff33", "Blue": "#00000033", "Teal": "#00000033" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-dark-30", "css": "--opacity-dark-30", "type": "COLOR", "value": "#0000004d", "byMode": { "Light Mode": "#0000004d", "Dark Mode": "#ffffff4d", "Blue": "#0000004d", "Teal": "#0000004d" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-dark-40", "css": "--opacity-dark-40", "type": "COLOR", "value": "#00000066", "byMode": { "Light Mode": "#00000066", "Dark Mode": "#ffffff66", "Blue": "#00000066", "Teal": "#00000066" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-dark-50", "css": "--opacity-dark-50", "type": "COLOR", "value": "#00000080", "byMode": { "Light Mode": "#00000080", "Dark Mode": "#ffffff80", "Blue": "#00000080", "Teal": "#00000080" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-dark-60", "css": "--opacity-dark-60", "type": "COLOR", "value": "#00000099", "byMode": { "Light Mode": "#00000099", "Dark Mode": "#ffffff99", "Blue": "#00000099", "Teal": "#00000099" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-dark-70", "css": "--opacity-dark-70", "type": "COLOR", "value": "#000000b2", "byMode": { "Light Mode": "#000000b2", "Dark Mode": "#ffffffb2", "Blue": "#000000b2", "Teal": "#000000b2" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-dark-80", "css": "--opacity-dark-80", "type": "COLOR", "value": "#000000cc", "byMode": { "Light Mode": "#000000cc", "Dark Mode": "#ffffffcc", "Blue": "#000000cc", "Teal": "#000000cc" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Opacity/opacity-dark-90", "css": "--opacity-dark-90", "type": "COLOR", "value": "#000000e5", "byMode": { "Light Mode": "#000000e5", "Dark Mode": "#ffffffe5", "Blue": "#000000e5", "Teal": "#000000e5" }, "alias": null, "scopes": [ "ALL_FILLS", "STROKE_COLOR", "EFFECT_COLOR" ], "description": "" }, { "figma": "Background/bg-error-solid", "css": "--bg-error-solid", "type": "COLOR", "value": "#dc2626", "byMode": { "Light Mode": "#dc2626", "Dark Mode": "#dc2626", "Blue": "#dc2626", "Teal": "#dc2626" }, "alias": "primary/error/600", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-success-secondary", "css": "--bg-success-secondary", "type": "COLOR", "value": "#d1fae5", "byMode": { "Light Mode": "#d1fae5", "Dark Mode": "#059669", "Blue": "#d1fae5", "Teal": "#d1fae5" }, "alias": "primary/success/100", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-success-solid", "css": "--bg-success-solid", "type": "COLOR", "value": "#10b981", "byMode": { "Light Mode": "#10b981", "Dark Mode": "#059669", "Blue": "#10b981", "Teal": "#10b981" }, "alias": "primary/success/500", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-warning-solid", "css": "--bg-warning-solid", "type": "COLOR", "value": "#f59e0b", "byMode": { "Light Mode": "#f59e0b", "Dark Mode": "#d97706", "Blue": "#f59e0b", "Teal": "#f59e0b" }, "alias": "primary/warning/500", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-brand-primary_hover", "css": "--bg-brand-primary_hover", "type": "COLOR", "value": "#f0f0f0", "byMode": { "Light Mode": "#f0f0f0", "Dark Mode": "#262626", "Blue": "#dbeafe", "Teal": "#ccfbf1" }, "alias": "primary/brand/100", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-brand-solid", "css": "--bg-brand-solid", "type": "COLOR", "value": "#0a0a0a", "byMode": { "Light Mode": "#0a0a0a", "Dark Mode": "#ffffff", "Blue": "#2563eb", "Teal": "#0d9488" }, "alias": "primary/brand/950", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Icon/icon-success-secondary", "css": "--icon-success-secondary", "type": "COLOR", "value": "#34d399", "byMode": { "Light Mode": "#34d399", "Dark Mode": "#34d399", "Blue": "#34d399", "Teal": "#34d399" }, "alias": "primary/success/400", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-success-secondary", "css": "--border-success-secondary", "type": "COLOR", "value": "#a7f3d0", "byMode": { "Light Mode": "#a7f3d0", "Dark Mode": "#064e3b", "Blue": "#a7f3d0", "Teal": "#a7f3d0" }, "alias": "primary/success/200", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Text/text-alt", "css": "--text-alt", "type": "COLOR", "value": "#ffffff", "byMode": { "Light Mode": "#ffffff", "Dark Mode": "#000000", "Blue": "#ffffff", "Teal": "#ffffff" }, "alias": "primary/white", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-placeholder", "css": "--text-placeholder", "type": "COLOR", "value": "#a3a3a3", "byMode": { "Light Mode": "#a3a3a3", "Dark Mode": "#737373", "Blue": "#a3a3a3", "Teal": "#a3a3a3" }, "alias": "primary/neutral/400", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-placeholder-alt", "css": "--text-placeholder-alt", "type": "COLOR", "value": "#d4d4d4", "byMode": { "Light Mode": "#d4d4d4", "Dark Mode": "#404040", "Blue": "#d4d4d4", "Teal": "#d4d4d4" }, "alias": "primary/neutral/300", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Icon/icon-dark", "css": "--icon-dark", "type": "COLOR", "value": "#0a0a0a", "byMode": { "Light Mode": "#0a0a0a", "Dark Mode": "#0a0a0a", "Blue": "#0a0a0a", "Teal": "#0a0a0a" }, "alias": "primary/neutral/950", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-white", "css": "--icon-white", "type": "COLOR", "value": "#ffffff", "byMode": { "Light Mode": "#ffffff", "Dark Mode": "#ffffff", "Blue": "#ffffff", "Teal": "#ffffff" }, "alias": "primary/white", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Background/bg-primary_press", "css": "--bg-primary_press", "type": "COLOR", "value": "#f0f0f0", "byMode": { "Light Mode": "#f0f0f0", "Dark Mode": "#404040", "Blue": "#f0f0f0", "Teal": "#f0f0f0" }, "alias": "primary/neutral/100", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Text/text-success-secondary", "css": "--text-success-secondary", "type": "COLOR", "value": "#34d399", "byMode": { "Light Mode": "#34d399", "Dark Mode": "#ecfdf5", "Blue": "#34d399", "Teal": "#34d399" }, "alias": "primary/success/400", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Border/border-white", "css": "--border-white", "type": "COLOR", "value": "#ffffff", "byMode": { "Light Mode": "#ffffff", "Dark Mode": "#ffffff", "Blue": "#ffffff", "Teal": "#ffffff" }, "alias": "primary/white", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Background/bg-dark", "css": "--bg-dark", "type": "COLOR", "value": "#171717", "byMode": { "Light Mode": "#171717", "Dark Mode": "#171717", "Blue": "#171717", "Teal": "#171717" }, "alias": "primary/neutral/900", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-white", "css": "--bg-white", "type": "COLOR", "value": "#ffffff", "byMode": { "Light Mode": "#ffffff", "Dark Mode": "#ffffff", "Blue": "#ffffff", "Teal": "#ffffff" }, "alias": "primary/white", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Text/text-white", "css": "--text-white", "type": "COLOR", "value": "#ffffff", "byMode": { "Light Mode": "#ffffff", "Dark Mode": "#ffffff", "Blue": "#ffffff", "Teal": "#ffffff" }, "alias": "primary/white", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-dark", "css": "--text-dark", "type": "COLOR", "value": "#000000", "byMode": { "Light Mode": "#000000", "Dark Mode": "#000000", "Blue": "#000000", "Teal": "#000000" }, "alias": "primary/black", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Icon/icon-alt", "css": "--icon-alt", "type": "COLOR", "value": "#ffffff", "byMode": { "Light Mode": "#ffffff", "Dark Mode": "#000000", "Blue": "#ffffff", "Teal": "#ffffff" }, "alias": "primary/white", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Background/bg-info", "css": "--bg-info", "type": "COLOR", "value": "#eff6ff", "byMode": { "Light Mode": "#eff6ff", "Dark Mode": "#2563eb1a", "Blue": "#eff6ff", "Teal": "#eff6ff" }, "alias": "secondary/blue/50", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-info-secondary", "css": "--bg-info-secondary", "type": "COLOR", "value": "#dbeafe", "byMode": { "Light Mode": "#dbeafe", "Dark Mode": "#2563eb", "Blue": "#dbeafe", "Teal": "#dbeafe" }, "alias": "secondary/blue/100", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-info-solid", "css": "--bg-info-solid", "type": "COLOR", "value": "#2563eb", "byMode": { "Light Mode": "#2563eb", "Dark Mode": "#2563eb", "Blue": "#2563eb", "Teal": "#2563eb" }, "alias": "secondary/blue/600", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Text/text-info", "css": "--text-info", "type": "COLOR", "value": "#2563eb", "byMode": { "Light Mode": "#2563eb", "Dark Mode": "#3b82f6", "Blue": "#2563eb", "Teal": "#2563eb" }, "alias": "secondary/blue/600", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Text/text-info-secondary", "css": "--text-info-secondary", "type": "COLOR", "value": "#60a5fa", "byMode": { "Light Mode": "#60a5fa", "Dark Mode": "#eff6ff", "Blue": "#60a5fa", "Teal": "#60a5fa" }, "alias": "secondary/blue/400", "scopes": [ "TEXT_FILL" ], "description": "" }, { "figma": "Border/border-info", "css": "--border-info", "type": "COLOR", "value": "#2563eb", "byMode": { "Light Mode": "#2563eb", "Dark Mode": "#3b82f6", "Blue": "#2563eb", "Teal": "#2563eb" }, "alias": "secondary/blue/600", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-info-secondary", "css": "--border-info-secondary", "type": "COLOR", "value": "#bfdbfe", "byMode": { "Light Mode": "#bfdbfe", "Dark Mode": "#1e3a8a", "Blue": "#bfdbfe", "Teal": "#bfdbfe" }, "alias": "secondary/blue/200", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-info", "css": "--icon-info", "type": "COLOR", "value": "#2563eb", "byMode": { "Light Mode": "#2563eb", "Dark Mode": "#3b82f6", "Blue": "#2563eb", "Teal": "#2563eb" }, "alias": "secondary/blue/600", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Icon/icon-info-secondary", "css": "--icon-info-secondary", "type": "COLOR", "value": "#60a5fa", "byMode": { "Light Mode": "#60a5fa", "Dark Mode": "#60a5fa", "Blue": "#60a5fa", "Teal": "#60a5fa" }, "alias": "secondary/blue/400", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Border/border-alt", "css": "--border-alt", "type": "COLOR", "value": "#ffffff", "byMode": { "Light Mode": "#ffffff", "Dark Mode": "#000000", "Blue": "#ffffff", "Teal": "#ffffff" }, "alias": "primary/white", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Alpha/brand/accent 85", "css": "--alpha-brand-accent-85", "type": "COLOR", "value": "#0a0a0ad9", "byMode": { "Light Mode": "#0a0a0ad9", "Dark Mode": "#ffffffd9", "Blue": "#0a0a0ad9", "Teal": "#0a0a0ad9" }, "alias": "alpha/brand/accent 85", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Border/border-alt-2", "css": "--border-alt-2", "type": "COLOR", "value": "#000000", "byMode": { "Light Mode": "#000000", "Dark Mode": "#ffffff", "Blue": "#000000", "Teal": "#000000" }, "alias": "primary/black", "scopes": [ "FRAME_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Alpha/brand/accent 10", "css": "--alpha-brand-accent-10", "type": "COLOR", "value": "#0a0a0a1a", "byMode": { "Light Mode": "#0a0a0a1a", "Dark Mode": "#0000001a", "Blue": "#0a0a0a1a", "Teal": "#0a0a0a1a" }, "alias": "alpha/brand/accent 10", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/brand/accent 40", "css": "--alpha-brand-accent-40", "type": "COLOR", "value": "#0a0a0a66", "byMode": { "Light Mode": "#0a0a0a66", "Dark Mode": "#00000066", "Blue": "#0a0a0a66", "Teal": "#0a0a0a66" }, "alias": "alpha/brand/accent 40", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/brand/accent 60", "css": "--alpha-brand-accent-60", "type": "COLOR", "value": "#0a0a0a99", "byMode": { "Light Mode": "#0a0a0a99", "Dark Mode": "#00000099", "Blue": "#0a0a0a99", "Teal": "#0a0a0a99" }, "alias": "alpha/brand/accent 60", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/brand/accent 20", "css": "--alpha-brand-accent-20", "type": "COLOR", "value": "#0a0a0a33", "byMode": { "Light Mode": "#0a0a0a33", "Dark Mode": "#00000033", "Blue": "#0a0a0a33", "Teal": "#0a0a0a33" }, "alias": "alpha/brand/accent 20", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/neutral/accent 10", "css": "--alpha-neutral-accent-10", "type": "COLOR", "value": "#0a0a0a1a", "byMode": { "Light Mode": "#0a0a0a1a", "Dark Mode": "#ffffff", "Blue": "#0a0a0a1a", "Teal": "#0a0a0a1a" }, "alias": "alpha/neutral/accent 10", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/neutral/accent 20", "css": "--alpha-neutral-accent-20", "type": "COLOR", "value": "#0a0a0a33", "byMode": { "Light Mode": "#0a0a0a33", "Dark Mode": "#ffffff", "Blue": "#0a0a0a33", "Teal": "#0a0a0a33" }, "alias": "alpha/neutral/accent 20", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/neutral/accent 40", "css": "--alpha-neutral-accent-40", "type": "COLOR", "value": "#0a0a0a66", "byMode": { "Light Mode": "#0a0a0a66", "Dark Mode": "#ffffff", "Blue": "#0a0a0a66", "Teal": "#0a0a0a66" }, "alias": "alpha/neutral/accent 40", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/neutral/accent 60", "css": "--alpha-neutral-accent-60", "type": "COLOR", "value": "#0a0a0a99", "byMode": { "Light Mode": "#0a0a0a99", "Dark Mode": "#ffffff", "Blue": "#0a0a0a99", "Teal": "#0a0a0a99" }, "alias": "alpha/neutral/accent 60", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/neutral/accent 85", "css": "--alpha-neutral-accent-85", "type": "COLOR", "value": "#0a0a0ad9", "byMode": { "Light Mode": "#0a0a0ad9", "Dark Mode": "#ffffff", "Blue": "#0a0a0ad9", "Teal": "#0a0a0ad9" }, "alias": "alpha/neutral/accent 85", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/success/accent 10", "css": "--alpha-success-accent-10", "type": "COLOR", "value": "#0596691a", "byMode": { "Light Mode": "#0596691a", "Dark Mode": "#ffffff", "Blue": "#0596691a", "Teal": "#0596691a" }, "alias": "alpha/success/accent 10", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/success/accent 20", "css": "--alpha-success-accent-20", "type": "COLOR", "value": "#05966933", "byMode": { "Light Mode": "#05966933", "Dark Mode": "#ffffff", "Blue": "#05966933", "Teal": "#05966933" }, "alias": "alpha/success/accent 20", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/success/accent 40", "css": "--alpha-success-accent-40", "type": "COLOR", "value": "#05966966", "byMode": { "Light Mode": "#05966966", "Dark Mode": "#ffffff", "Blue": "#05966966", "Teal": "#05966966" }, "alias": "alpha/success/accent 40", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/success/accent 60", "css": "--alpha-success-accent-60", "type": "COLOR", "value": "#05966999", "byMode": { "Light Mode": "#05966999", "Dark Mode": "#ffffff", "Blue": "#05966999", "Teal": "#05966999" }, "alias": "alpha/success/accent 60", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/success/accent 85", "css": "--alpha-success-accent-85", "type": "COLOR", "value": "#059669d9", "byMode": { "Light Mode": "#059669d9", "Dark Mode": "#ffffff", "Blue": "#059669d9", "Teal": "#059669d9" }, "alias": "alpha/success/accent 85", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/warning/accent 10", "css": "--alpha-warning-accent-10", "type": "COLOR", "value": "#f59e0b1a", "byMode": { "Light Mode": "#f59e0b1a", "Dark Mode": "#ffffff", "Blue": "#f59e0b1a", "Teal": "#f59e0b1a" }, "alias": "alpha/warning/accent 10", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/warning/accent 20", "css": "--alpha-warning-accent-20", "type": "COLOR", "value": "#f59e0b33", "byMode": { "Light Mode": "#f59e0b33", "Dark Mode": "#ffffff", "Blue": "#f59e0b33", "Teal": "#f59e0b33" }, "alias": "alpha/warning/accent 20", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/warning/accent 40", "css": "--alpha-warning-accent-40", "type": "COLOR", "value": "#f59e0b66", "byMode": { "Light Mode": "#f59e0b66", "Dark Mode": "#ffffff", "Blue": "#f59e0b66", "Teal": "#f59e0b66" }, "alias": "alpha/warning/accent 40", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/warning/accent 60", "css": "--alpha-warning-accent-60", "type": "COLOR", "value": "#f59e0b99", "byMode": { "Light Mode": "#f59e0b99", "Dark Mode": "#ffffff", "Blue": "#f59e0b99", "Teal": "#f59e0b99" }, "alias": "alpha/warning/accent 60", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/warning/accent 85", "css": "--alpha-warning-accent-85", "type": "COLOR", "value": "#f59e0bd9", "byMode": { "Light Mode": "#f59e0bd9", "Dark Mode": "#ffffff", "Blue": "#f59e0bd9", "Teal": "#f59e0bd9" }, "alias": "alpha/warning/accent 85", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/blue/accent 10", "css": "--alpha-blue-accent-10", "type": "COLOR", "value": "#2563eb1a", "byMode": { "Light Mode": "#2563eb1a", "Dark Mode": "#2563eb1a", "Blue": "#2563eb1a", "Teal": "#2563eb1a" }, "alias": "alpha/blue/accent 10", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/blue/accent 20", "css": "--alpha-blue-accent-20", "type": "COLOR", "value": "#2563eb33", "byMode": { "Light Mode": "#2563eb33", "Dark Mode": "#2563eb33", "Blue": "#2563eb33", "Teal": "#2563eb33" }, "alias": "alpha/blue/accent 20", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/blue/accent 40", "css": "--alpha-blue-accent-40", "type": "COLOR", "value": "#2563eb66", "byMode": { "Light Mode": "#2563eb66", "Dark Mode": "#2563eb66", "Blue": "#2563eb66", "Teal": "#2563eb66" }, "alias": "alpha/blue/accent 40", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/blue/accent 60", "css": "--alpha-blue-accent-60", "type": "COLOR", "value": "#2563eb99", "byMode": { "Light Mode": "#2563eb99", "Dark Mode": "#2563eb99", "Blue": "#2563eb99", "Teal": "#2563eb99" }, "alias": "alpha/blue/accent 60", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/blue/accent 85", "css": "--alpha-blue-accent-85", "type": "COLOR", "value": "#2563ebd9", "byMode": { "Light Mode": "#2563ebd9", "Dark Mode": "#2563ebd9", "Blue": "#2563ebd9", "Teal": "#2563ebd9" }, "alias": "alpha/blue/accent 85", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/error/accent 10", "css": "--alpha-error-accent-10", "type": "COLOR", "value": "#dc26261a", "byMode": { "Light Mode": "#dc26261a", "Dark Mode": "#ffffff", "Blue": "#dc26261a", "Teal": "#dc26261a" }, "alias": "alpha/error/accent 10", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/error/accent 20", "css": "--alpha-error-accent-20", "type": "COLOR", "value": "#dc262633", "byMode": { "Light Mode": "#dc262633", "Dark Mode": "#ffffff", "Blue": "#dc262633", "Teal": "#dc262633" }, "alias": "alpha/error/accent 20", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/error/accent 40", "css": "--alpha-error-accent-40", "type": "COLOR", "value": "#dc262666", "byMode": { "Light Mode": "#dc262666", "Dark Mode": "#ffffff", "Blue": "#dc262666", "Teal": "#dc262666" }, "alias": "alpha/error/accent 40", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/error/accent 60", "css": "--alpha-error-accent-60", "type": "COLOR", "value": "#dc262699", "byMode": { "Light Mode": "#dc262699", "Dark Mode": "#ffffff", "Blue": "#dc262699", "Teal": "#dc262699" }, "alias": "alpha/error/accent 60", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Alpha/error/accent 85", "css": "--alpha-error-accent-85", "type": "COLOR", "value": "#dc2626d9", "byMode": { "Light Mode": "#dc2626d9", "Dark Mode": "#ffffff", "Blue": "#dc2626d9", "Teal": "#dc2626d9" }, "alias": "alpha/error/accent 85", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Blue", "css": "--chart-blue", "type": "COLOR", "value": "#3b82f6", "byMode": { "Light Mode": "#3b82f6", "Dark Mode": "#60a5fa", "Blue": "#3b82f6", "Teal": "#3b82f6" }, "alias": "secondary/blue/500", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Orange", "css": "--chart-orange", "type": "COLOR", "value": "#fb923c", "byMode": { "Light Mode": "#fb923c", "Dark Mode": "#fdba74", "Blue": "#fb923c", "Teal": "#fb923c" }, "alias": "secondary/orange/400", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Green", "css": "--chart-green", "type": "COLOR", "value": "#16a34a", "byMode": { "Light Mode": "#16a34a", "Dark Mode": "#22c55e", "Blue": "#16a34a", "Teal": "#16a34a" }, "alias": "secondary/green/600", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Red", "css": "--chart-red", "type": "COLOR", "value": "#dc2626", "byMode": { "Light Mode": "#dc2626", "Dark Mode": "#ef4444", "Blue": "#dc2626", "Teal": "#dc2626" }, "alias": "primary/error/600", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Purple", "css": "--chart-purple", "type": "COLOR", "value": "#a855f7", "byMode": { "Light Mode": "#a855f7", "Dark Mode": "#d8b4fe", "Blue": "#a855f7", "Teal": "#a855f7" }, "alias": "secondary/purple/500", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Yellow", "css": "--chart-yellow", "type": "COLOR", "value": "#facc15", "byMode": { "Light Mode": "#facc15", "Dark Mode": "#fde047", "Blue": "#facc15", "Teal": "#facc15" }, "alias": "secondary/yellow/400", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Pink", "css": "--chart-pink", "type": "COLOR", "value": "#ec4899", "byMode": { "Light Mode": "#ec4899", "Dark Mode": "#f472b6", "Blue": "#ec4899", "Teal": "#ec4899" }, "alias": "secondary/pink/500", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Dark", "css": "--chart-dark", "type": "COLOR", "value": "#525252", "byMode": { "Light Mode": "#525252", "Dark Mode": "#a3a3a3", "Blue": "#525252", "Teal": "#525252" }, "alias": "primary/neutral/600", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Lime", "css": "--chart-lime", "type": "COLOR", "value": "#65a30d", "byMode": { "Light Mode": "#65a30d", "Dark Mode": "#a3e635", "Blue": "#65a30d", "Teal": "#65a30d" }, "alias": "secondary/lime/600", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Cyan", "css": "--chart-cyan", "type": "COLOR", "value": "#06b6d4", "byMode": { "Light Mode": "#06b6d4", "Dark Mode": "#22d3ee", "Blue": "#06b6d4", "Teal": "#06b6d4" }, "alias": "secondary/cyan/500", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Success", "css": "--chart-success", "type": "COLOR", "value": "#10b981", "byMode": { "Light Mode": "#10b981", "Dark Mode": "#34d399", "Blue": "#10b981", "Teal": "#10b981" }, "alias": "primary/success/500", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Charts/Success Light", "css": "--chart-success-light", "type": "COLOR", "value": "#6ee7b7", "byMode": { "Light Mode": "#6ee7b7", "Dark Mode": "#6ee7b7", "Blue": "#6ee7b7", "Teal": "#6ee7b7" }, "alias": "primary/success/300", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Icon/icon-quarternary", "css": "--icon-quarternary", "type": "COLOR", "value": "#a3a3a3", "byMode": { "Light Mode": "#a3a3a3", "Dark Mode": "#737373", "Blue": "#a3a3a3", "Teal": "#a3a3a3" }, "alias": "primary/neutral/400", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" }, { "figma": "Background/bg-secondary_hover", "css": "--bg-secondary_hover", "type": "COLOR", "value": "#f0f0f0", "byMode": { "Light Mode": "#f0f0f0", "Dark Mode": "#262626", "Blue": "#f0f0f0", "Teal": "#f0f0f0" }, "alias": "primary/neutral/100", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-secondary_press", "css": "--bg-secondary_press", "type": "COLOR", "value": "#e5e5e5", "byMode": { "Light Mode": "#e5e5e5", "Dark Mode": "#404040", "Blue": "#e5e5e5", "Teal": "#e5e5e5" }, "alias": "primary/neutral/200", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-brand-hover", "css": "--bg-brand-hover", "type": "COLOR", "value": "#262626", "byMode": { "Light Mode": "#262626", "Dark Mode": "#f7f7f7", "Blue": "#1d4ed8", "Teal": "#0f766e" }, "alias": "primary/brand/800", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/bg-brand-press", "css": "--bg-brand-press", "type": "COLOR", "value": "#404040", "byMode": { "Light Mode": "#404040", "Dark Mode": "#f0f0f0", "Blue": "#1e40af", "Teal": "#134e4a" }, "alias": "primary/brand/700", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Background/black", "css": "--black", "type": "COLOR", "value": "#000000", "byMode": { "Light Mode": "#000000", "Dark Mode": "#000000", "Blue": "#000000", "Teal": "#000000" }, "alias": "primary/black", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Background/white", "css": "--white", "type": "COLOR", "value": "#ffffff", "byMode": { "Light Mode": "#ffffff", "Dark Mode": "#ffffff", "Blue": "#ffffff", "Teal": "#ffffff" }, "alias": "primary/white", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "Background/bg-brand-primary_press", "css": "--bg-brand-primary_press", "type": "COLOR", "value": "#e5e5e5", "byMode": { "Light Mode": "#e5e5e5", "Dark Mode": "#262626", "Blue": "#bfdbfe", "Teal": "#99f6e4" }, "alias": "primary/brand/200", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "description": "" }, { "figma": "Icon/icon-quinary", "css": "--icon-quinary", "type": "COLOR", "value": "#d4d4d4", "byMode": { "Light Mode": "#d4d4d4", "Dark Mode": "#737373", "Blue": "#a3a3a3", "Teal": "#a3a3a3" }, "alias": "primary/neutral/300", "scopes": [ "FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR" ], "description": "" } ] }, { "file": "2. Spacing & Size.json", "name": "2. Spacing & Size", "mode": "Dashboard", "allModes": [ "Dashboard", "Mobile", "Website", "Tablet" ], "primitive": false, "count": 50, "tokens": [ { "figma": "UI Spacing/spacing-0", "css": "--spacing-0", "type": "FLOAT", "value": 0, "byMode": { "Dashboard": 0, "Mobile": 0, "Website": 0, "Tablet": 0 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-2", "css": "--spacing-2", "type": "FLOAT", "value": 2, "byMode": { "Dashboard": 2, "Mobile": 2, "Website": 2, "Tablet": 2 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-4", "css": "--spacing-4", "type": "FLOAT", "value": 4, "byMode": { "Dashboard": 4, "Mobile": 4, "Website": 4, "Tablet": 4 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-6", "css": "--spacing-6", "type": "FLOAT", "value": 6, "byMode": { "Dashboard": 6, "Mobile": 6, "Website": 6, "Tablet": 6 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-8", "css": "--spacing-8", "type": "FLOAT", "value": 8, "byMode": { "Dashboard": 8, "Mobile": 8, "Website": 8, "Tablet": 8 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-12", "css": "--spacing-12", "type": "FLOAT", "value": 12, "byMode": { "Dashboard": 12, "Mobile": 12, "Website": 12, "Tablet": 12 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-16", "css": "--spacing-16", "type": "FLOAT", "value": 16, "byMode": { "Dashboard": 16, "Mobile": 16, "Website": 16, "Tablet": 16 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-20", "css": "--spacing-20", "type": "FLOAT", "value": 20, "byMode": { "Dashboard": 20, "Mobile": 20, "Website": 20, "Tablet": 20 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-24", "css": "--spacing-24", "type": "FLOAT", "value": 24, "byMode": { "Dashboard": 24, "Mobile": 24, "Website": 24, "Tablet": 24 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-32", "css": "--spacing-32", "type": "FLOAT", "value": 32, "byMode": { "Dashboard": 32, "Mobile": 32, "Website": 32, "Tablet": 32 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-40", "css": "--spacing-40", "type": "FLOAT", "value": 40, "byMode": { "Dashboard": 40, "Mobile": 40, "Website": 40, "Tablet": 40 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-48", "css": "--spacing-48", "type": "FLOAT", "value": 48, "byMode": { "Dashboard": 48, "Mobile": 48, "Website": 48, "Tablet": 48 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-56", "css": "--spacing-56", "type": "FLOAT", "value": 56, "byMode": { "Dashboard": 56, "Mobile": 56, "Website": 56, "Tablet": 56 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-64", "css": "--spacing-64", "type": "FLOAT", "value": 64, "byMode": { "Dashboard": 64, "Mobile": 64, "Website": 64, "Tablet": 64 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-96", "css": "--spacing-96", "type": "FLOAT", "value": 96, "byMode": { "Dashboard": 96, "Mobile": 96, "Website": 96, "Tablet": 96 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-128", "css": "--spacing-128", "type": "FLOAT", "value": 128, "byMode": { "Dashboard": 128, "Mobile": 128, "Website": 128, "Tablet": 128 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-160", "css": "--spacing-160", "type": "FLOAT", "value": 160, "byMode": { "Dashboard": 160, "Mobile": 160, "Website": 160, "Tablet": 160 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-192", "css": "--spacing-192", "type": "FLOAT", "value": 192, "byMode": { "Dashboard": 192, "Mobile": 192, "Website": 192, "Tablet": 192 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-224", "css": "--spacing-224", "type": "FLOAT", "value": 224, "byMode": { "Dashboard": 224, "Mobile": 224, "Website": 224, "Tablet": 224 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-256", "css": "--spacing-256", "type": "FLOAT", "value": 256, "byMode": { "Dashboard": 256, "Mobile": 256, "Website": 256, "Tablet": 256 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-320", "css": "--spacing-320", "type": "FLOAT", "value": 320, "byMode": { "Dashboard": 320, "Mobile": 320, "Website": 320, "Tablet": 320 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-384", "css": "--spacing-384", "type": "FLOAT", "value": 384, "byMode": { "Dashboard": 384, "Mobile": 384, "Website": 384, "Tablet": 384 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-480", "css": "--spacing-480", "type": "FLOAT", "value": 480, "byMode": { "Dashboard": 480, "Mobile": 480, "Website": 480, "Tablet": 480 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-560", "css": "--spacing-560", "type": "FLOAT", "value": 560, "byMode": { "Dashboard": 560, "Mobile": 560, "Website": 560, "Tablet": 560 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-640", "css": "--spacing-640", "type": "FLOAT", "value": 640, "byMode": { "Dashboard": 640, "Mobile": 640, "Website": 640, "Tablet": 640 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-720", "css": "--spacing-720", "type": "FLOAT", "value": 720, "byMode": { "Dashboard": 720, "Mobile": 720, "Website": 720, "Tablet": 720 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-768", "css": "--spacing-768", "type": "FLOAT", "value": 768, "byMode": { "Dashboard": 768, "Mobile": 768, "Website": 768, "Tablet": 768 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-960", "css": "--spacing-960", "type": "FLOAT", "value": 960, "byMode": { "Dashboard": 960, "Mobile": 960, "Website": 960, "Tablet": 960 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-1280", "css": "--spacing-1280", "type": "FLOAT", "value": 1280, "byMode": { "Dashboard": 1280, "Mobile": 1280, "Website": 1280, "Tablet": 1280 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-1440", "css": "--spacing-1440", "type": "FLOAT", "value": 1440, "byMode": { "Dashboard": 1440, "Mobile": 1440, "Website": 1440, "Tablet": 1440 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-1920", "css": "--spacing-1920", "type": "FLOAT", "value": 1920, "byMode": { "Dashboard": 1920, "Mobile": 1920, "Website": 1920, "Tablet": 1920 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "Screen Size/Size", "css": "--screen-size", "type": "FLOAT", "value": 1440, "byMode": { "Dashboard": 1440, "Mobile": 375, "Website": 1440, "Tablet": 768 }, "alias": "UI Spacing/spacing-1440", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "Padding/padding", "css": "--padding-padding", "type": "FLOAT", "value": 24, "byMode": { "Dashboard": 24, "Mobile": 16, "Website": 128, "Tablet": 24 }, "alias": "UI Spacing/spacing-24", "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-1024", "css": "--spacing-1024", "type": "FLOAT", "value": 1024, "byMode": { "Dashboard": 1024, "Mobile": 1024, "Website": 1024, "Tablet": 1024 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-80", "css": "--spacing-80", "type": "FLOAT", "value": 80, "byMode": { "Dashboard": 80, "Mobile": 80, "Website": 80, "Tablet": 80 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-1080", "css": "--spacing-1080", "type": "FLOAT", "value": 1080, "byMode": { "Dashboard": 1080, "Mobile": 1080, "Website": 1080, "Tablet": 1080 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "Gap/gap", "css": "--gap-gap", "type": "FLOAT", "value": 24, "byMode": { "Dashboard": 24, "Mobile": 16, "Website": 24, "Tablet": 16 }, "alias": "UI Spacing/spacing-24", "scopes": [ "GAP" ], "description": "" }, { "figma": "UI Spacing/spacing-72", "css": "--spacing-72", "type": "FLOAT", "value": 72, "byMode": { "Dashboard": 72, "Mobile": 72, "Website": 72, "Tablet": 72 }, "alias": null, "scopes": [ "GAP" ], "description": "" }, { "figma": "Font Size/display", "css": "--font-size-display", "type": "FLOAT", "value": 72, "byMode": { "Dashboard": 72, "Mobile": 56, "Website": 72, "Tablet": 56 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" }, { "figma": "Font Size/header-h1", "css": "--font-size-header-h1", "type": "FLOAT", "value": 60, "byMode": { "Dashboard": 60, "Mobile": 40, "Website": 60, "Tablet": 40 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" }, { "figma": "Font Size/header-h2", "css": "--font-size-header-h2", "type": "FLOAT", "value": 48, "byMode": { "Dashboard": 48, "Mobile": 32, "Website": 48, "Tablet": 32 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" }, { "figma": "Font Size/header-h3", "css": "--font-size-header-h3", "type": "FLOAT", "value": 36, "byMode": { "Dashboard": 36, "Mobile": 28, "Website": 36, "Tablet": 30 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" }, { "figma": "Font Size/header-h4", "css": "--font-size-header-h4", "type": "FLOAT", "value": 30, "byMode": { "Dashboard": 30, "Mobile": 24, "Website": 30, "Tablet": 28 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" }, { "figma": "Font Size/header-h5", "css": "--font-size-header-h5", "type": "FLOAT", "value": 24, "byMode": { "Dashboard": 24, "Mobile": 20, "Website": 24, "Tablet": 24 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" }, { "figma": "Font Size/header-h6", "css": "--font-size-header-h6", "type": "FLOAT", "value": 20, "byMode": { "Dashboard": 20, "Mobile": 18, "Website": 20, "Tablet": 20 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" }, { "figma": "Font Size/paragraph-lg", "css": "--font-size-paragraph-lg", "type": "FLOAT", "value": 18, "byMode": { "Dashboard": 18, "Mobile": 18, "Website": 18, "Tablet": 18 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" }, { "figma": "Font Size/paragraph-md", "css": "--font-size-paragraph-md", "type": "FLOAT", "value": 16, "byMode": { "Dashboard": 16, "Mobile": 16, "Website": 16, "Tablet": 16 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" }, { "figma": "Font Size/paragraph-sm", "css": "--font-size-paragraph-sm", "type": "FLOAT", "value": 14, "byMode": { "Dashboard": 14, "Mobile": 14, "Website": 14, "Tablet": 14 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" }, { "figma": "Font Size/caption-md", "css": "--font-size-caption-md", "type": "FLOAT", "value": 12, "byMode": { "Dashboard": 12, "Mobile": 12, "Website": 12, "Tablet": 12 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" }, { "figma": "Font Size/caption-sm", "css": "--font-size-caption-sm", "type": "FLOAT", "value": 10, "byMode": { "Dashboard": 10, "Mobile": 10, "Website": 10, "Tablet": 10 }, "alias": null, "scopes": [ "FONT_SIZE" ], "description": "" } ] }, { "file": "3. Radius.json", "name": "3. Radius", "mode": "Mode 1", "allModes": [ "Mode 1" ], "primitive": false, "count": 11, "tokens": [ { "figma": "radius-none", "css": "--radius-none", "type": "FLOAT", "value": 0, "byMode": { "Mode 1": 0 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "0" }, { "figma": "radius-xxs", "css": "--radius-xxs", "type": "FLOAT", "value": 2, "byMode": { "Mode 1": 2 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "2" }, { "figma": "radius-xs", "css": "--radius-xs", "type": "FLOAT", "value": 4, "byMode": { "Mode 1": 4 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "" }, { "figma": "radius-sm", "css": "--radius-sm", "type": "FLOAT", "value": 6, "byMode": { "Mode 1": 6 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "6" }, { "figma": "radius-md", "css": "--radius-md", "type": "FLOAT", "value": 8, "byMode": { "Mode 1": 8 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "8" }, { "figma": "radius-lg", "css": "--radius-lg", "type": "FLOAT", "value": 12, "byMode": { "Mode 1": 12 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "12" }, { "figma": "radius-xl", "css": "--radius-xl", "type": "FLOAT", "value": 16, "byMode": { "Mode 1": 16 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "16" }, { "figma": "radius-2xl", "css": "--radius-2xl", "type": "FLOAT", "value": 20, "byMode": { "Mode 1": 20 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "20" }, { "figma": "radius-3xl", "css": "--radius-3xl", "type": "FLOAT", "value": 24, "byMode": { "Mode 1": 24 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "24" }, { "figma": "radius-4xl", "css": "--radius-4xl", "type": "FLOAT", "value": 32, "byMode": { "Mode 1": 32 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "32" }, { "figma": "radius-full", "css": "--radius-full", "type": "FLOAT", "value": 100000, "byMode": { "Mode 1": 100000 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "full, 100000" } ] }, { "file": "4. Widths.json", "name": "4. Widths", "mode": "Mode 1", "allModes": [ "Mode 1" ], "primitive": false, "count": 12, "tokens": [ { "figma": "width-xxs", "css": "--width-xxs", "type": "FLOAT", "value": 320, "byMode": { "Mode 1": 320 }, "alias": "UI Spacing/spacing-320", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "width-xs", "css": "--width-xs", "type": "FLOAT", "value": 384, "byMode": { "Mode 1": 384 }, "alias": "UI Spacing/spacing-384", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "width-sm", "css": "--width-sm", "type": "FLOAT", "value": 480, "byMode": { "Mode 1": 480 }, "alias": "UI Spacing/spacing-480", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "width-md", "css": "--width-md", "type": "FLOAT", "value": 560, "byMode": { "Mode 1": 560 }, "alias": "UI Spacing/spacing-560", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "width-lg", "css": "--width-lg", "type": "FLOAT", "value": 640, "byMode": { "Mode 1": 640 }, "alias": "UI Spacing/spacing-640", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "width-xl", "css": "--width-xl", "type": "FLOAT", "value": 768, "byMode": { "Mode 1": 768 }, "alias": "UI Spacing/spacing-768", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "width-2xl", "css": "--width-2xl", "type": "FLOAT", "value": 1024, "byMode": { "Mode 1": 1024 }, "alias": "UI Spacing/spacing-1024", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "width-3xl", "css": "--width-3xl", "type": "FLOAT", "value": 1080, "byMode": { "Mode 1": 1080 }, "alias": "UI Spacing/spacing-1080", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "width-4xl", "css": "--width-4xl", "type": "FLOAT", "value": 1280, "byMode": { "Mode 1": 1280 }, "alias": "UI Spacing/spacing-1280", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "width-5xl", "css": "--width-5xl", "type": "FLOAT", "value": 1440, "byMode": { "Mode 1": 1440 }, "alias": "UI Spacing/spacing-1440", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "width-6xl", "css": "--width-6xl", "type": "FLOAT", "value": 1920, "byMode": { "Mode 1": 1920 }, "alias": "UI Spacing/spacing-1920", "scopes": [ "WIDTH_HEIGHT" ], "description": "" }, { "figma": "width-xxxs", "css": "--width-xxxs", "type": "FLOAT", "value": 256, "byMode": { "Mode 1": 256 }, "alias": "UI Spacing/spacing-256", "scopes": [ "WIDTH_HEIGHT" ], "description": "" } ] }, { "file": "5. Typography.json", "name": "5. Typography", "mode": "Inter", "allModes": [ "Inter", "Geist", "Public Sans", "IBM Plex Sans", "Funnel Sans", "Inter TIght", "Google Sans" ], "primitive": false, "count": 8, "tokens": [ { "figma": "Family/display", "css": "--family-display", "type": "STRING", "value": "Inter", "byMode": { "Inter": "Inter", "Geist": "Geist", "Public Sans": "Public Sans", "IBM Plex Sans": "IBM Plex Sans", "Funnel Sans": "Funnel Sans", "Inter TIght": "Inter TIght", "Google Sans": "Google Sans" }, "alias": null, "scopes": [ "FONT_FAMILY" ], "description": "" }, { "figma": "Weight/regular", "css": "--weight-regular", "type": "STRING", "value": "regular", "byMode": { "Inter": "regular", "Geist": "regular", "Public Sans": "regular", "IBM Plex Sans": "regular", "Funnel Sans": "regular", "Inter TIght": "regular", "Google Sans": "regular" }, "alias": null, "scopes": [ "FONT_STYLE" ], "description": "" }, { "figma": "Family/heading", "css": "--family-heading", "type": "STRING", "value": "Inter", "byMode": { "Inter": "Inter", "Geist": "Geist", "Public Sans": "Public Sans", "IBM Plex Sans": "IBM Plex Sans", "Funnel Sans": "Funnel Sans", "Inter TIght": "Inter TIght", "Google Sans": "Google Sans" }, "alias": null, "scopes": [ "FONT_FAMILY" ], "description": "" }, { "figma": "Family/text", "css": "--family-text", "type": "STRING", "value": "Inter", "byMode": { "Inter": "Inter", "Geist": "Geist", "Public Sans": "Public Sans", "IBM Plex Sans": "IBM Plex Sans", "Funnel Sans": "Funnel Sans", "Inter TIght": "Inter TIght", "Google Sans": "Google Sans" }, "alias": null, "scopes": [ "FONT_FAMILY" ], "description": "" }, { "figma": "Family/caption", "css": "--family-caption", "type": "STRING", "value": "Inter", "byMode": { "Inter": "Inter", "Geist": "Geist", "Public Sans": "Public Sans", "IBM Plex Sans": "IBM Plex Sans", "Funnel Sans": "Funnel Sans", "Inter TIght": "Inter TIght", "Google Sans": "Google Sans" }, "alias": null, "scopes": [ "FONT_FAMILY" ], "description": "" }, { "figma": "Weight/bold", "css": "--weight-bold", "type": "STRING", "value": "bold", "byMode": { "Inter": "bold", "Geist": "bold", "Public Sans": "bold", "IBM Plex Sans": "bold", "Funnel Sans": "bold", "Inter TIght": "bold", "Google Sans": "bold" }, "alias": null, "scopes": [ "FONT_STYLE" ], "description": "" }, { "figma": "Weight/medium", "css": "--weight-medium", "type": "STRING", "value": "medium", "byMode": { "Inter": "medium", "Geist": "medium", "Public Sans": "medium", "IBM Plex Sans": "medium", "Funnel Sans": "medium", "Inter TIght": "medium", "Google Sans": "medium" }, "alias": null, "scopes": [ "FONT_STYLE" ], "description": "" }, { "figma": "Weight/semibold", "css": "--weight-semibold", "type": "STRING", "value": "semibold", "byMode": { "Inter": "semibold", "Geist": "semibold", "Public Sans": "semibold", "IBM Plex Sans": "semibold", "Funnel Sans": "semibold", "Inter TIght": "semibold", "Google Sans": "semibold" }, "alias": null, "scopes": [ "FONT_STYLE" ], "description": "" } ] }, { "file": "6. Themes.json", "name": "6. Themes", "mode": "Slightly Rounded", "allModes": [ "Full", "Normal", "Sharp", "Slightly Rounded" ], "primitive": false, "count": 8, "tokens": [ { "figma": "Button", "css": "--button", "type": "FLOAT", "value": 12, "byMode": { "Full": 100000, "Normal": 8, "Sharp": 0, "Slightly Rounded": 12 }, "alias": "radius-lg", "scopes": [ "CORNER_RADIUS" ], "description": "" }, { "figma": "Modal", "css": "--modal", "type": "FLOAT", "value": 20, "byMode": { "Full": 32, "Normal": 16, "Sharp": 0, "Slightly Rounded": 20 }, "alias": "radius-2xl", "scopes": [ "CORNER_RADIUS" ], "description": "" }, { "figma": "Modal Inner Container", "css": "--modal-inner-container", "type": "FLOAT", "value": 16, "byMode": { "Full": 20, "Normal": 12, "Sharp": 0, "Slightly Rounded": 16 }, "alias": "radius-xl", "scopes": [ "CORNER_RADIUS" ], "description": "" }, { "figma": "Input", "css": "--input", "type": "FLOAT", "value": 12, "byMode": { "Full": 8, "Normal": 8, "Sharp": 0, "Slightly Rounded": 12 }, "alias": "radius-lg", "scopes": [ "CORNER_RADIUS" ], "description": "" }, { "figma": "Calendar Header", "css": "--calendar-header", "type": "FLOAT", "value": 16, "byMode": { "Full": 100000, "Normal": 12, "Sharp": 0, "Slightly Rounded": 16 }, "alias": "radius-xl", "scopes": [ "CORNER_RADIUS" ], "description": "" }, { "figma": "Pagination", "css": "--pagination", "type": "FLOAT", "value": 14, "byMode": { "Full": 100000, "Normal": 10, "Sharp": 0, "Slightly Rounded": 14 }, "alias": null, "scopes": [ "CORNER_RADIUS" ], "description": "" }, { "figma": "Card", "css": "--card", "type": "FLOAT", "value": 12, "byMode": { "Full": 12, "Normal": 8, "Sharp": 0, "Slightly Rounded": 12 }, "alias": "radius-lg", "scopes": [ "CORNER_RADIUS" ], "description": "" }, { "figma": "Nav Item", "css": "--nav-item", "type": "FLOAT", "value": 8, "byMode": { "Full": 12, "Normal": 8, "Sharp": 0, "Slightly Rounded": 8 }, "alias": "radius-md", "scopes": [ "CORNER_RADIUS" ], "description": "" } ] }, { "file": "7. _Primitive.json", "name": "7. _Primitive", "mode": "Brand", "allModes": [ "Brand" ], "primitive": true, "count": 385, "tokens": [ { "figma": "primary/black", "css": "--primary-black", "type": "COLOR", "value": "#000000", "byMode": { "Brand": "#000000" }, "alias": null, "scopes": [], "description": "" }, { "figma": "primary/white", "css": "--primary-white", "type": "COLOR", "value": "#ffffff", "byMode": { "Brand": "#ffffff" }, "alias": null, "scopes": [], "description": "" }, { "figma": "secondary/steel gray/50", "css": "--secondary-steel-gray-50", "type": "COLOR", "value": "#f7f7f7", "byMode": { "Brand": "#f7f7f7" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/steel gray/100", "css": "--secondary-steel-gray-100", "type": "COLOR", "value": "#f0f0f0", "byMode": { "Brand": "#f0f0f0" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/steel gray/200", "css": "--secondary-steel-gray-200", "type": "COLOR", "value": "#e5e5e5", "byMode": { "Brand": "#e5e5e5" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/steel gray/300", "css": "--secondary-steel-gray-300", "type": "COLOR", "value": "#d4d4d4", "byMode": { "Brand": "#d4d4d4" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/steel gray/400", "css": "--secondary-steel-gray-400", "type": "COLOR", "value": "#a3a3a3", "byMode": { "Brand": "#a3a3a3" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/steel gray/500", "css": "--secondary-steel-gray-500", "type": "COLOR", "value": "#737373", "byMode": { "Brand": "#737373" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/steel gray/600", "css": "--secondary-steel-gray-600", "type": "COLOR", "value": "#525252", "byMode": { "Brand": "#525252" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/steel gray/700", "css": "--secondary-steel-gray-700", "type": "COLOR", "value": "#404040", "byMode": { "Brand": "#404040" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/steel gray/800", "css": "--secondary-steel-gray-800", "type": "COLOR", "value": "#262626", "byMode": { "Brand": "#262626" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/steel gray/900", "css": "--secondary-steel-gray-900", "type": "COLOR", "value": "#171717", "byMode": { "Brand": "#171717" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/steel gray/950", "css": "--secondary-steel-gray-950", "type": "COLOR", "value": "#0a0a0a", "byMode": { "Brand": "#0a0a0a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/50", "css": "--primary-success-50", "type": "COLOR", "value": "#ecfdf5", "byMode": { "Brand": "#ecfdf5" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/100", "css": "--primary-success-100", "type": "COLOR", "value": "#d1fae5", "byMode": { "Brand": "#d1fae5" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/200", "css": "--primary-success-200", "type": "COLOR", "value": "#a7f3d0", "byMode": { "Brand": "#a7f3d0" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/300", "css": "--primary-success-300", "type": "COLOR", "value": "#6ee7b7", "byMode": { "Brand": "#6ee7b7" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/400", "css": "--primary-success-400", "type": "COLOR", "value": "#34d399", "byMode": { "Brand": "#34d399" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/500", "css": "--primary-success-500", "type": "COLOR", "value": "#10b981", "byMode": { "Brand": "#10b981" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/600", "css": "--primary-success-600", "type": "COLOR", "value": "#059669", "byMode": { "Brand": "#059669" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/700", "css": "--primary-success-700", "type": "COLOR", "value": "#047857", "byMode": { "Brand": "#047857" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/800", "css": "--primary-success-800", "type": "COLOR", "value": "#065f46", "byMode": { "Brand": "#065f46" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/900", "css": "--primary-success-900", "type": "COLOR", "value": "#064e3b", "byMode": { "Brand": "#064e3b" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/950", "css": "--primary-success-950", "type": "COLOR", "value": "#022c22", "byMode": { "Brand": "#022c22" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/error/50", "css": "--primary-error-50", "type": "COLOR", "value": "#fef2f2", "byMode": { "Brand": "#fef2f2" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "primary/error/100", "css": "--primary-error-100", "type": "COLOR", "value": "#fee2e2", "byMode": { "Brand": "#fee2e2" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "primary/error/200", "css": "--primary-error-200", "type": "COLOR", "value": "#fecaca", "byMode": { "Brand": "#fecaca" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "primary/error/300", "css": "--primary-error-300", "type": "COLOR", "value": "#fca5a5", "byMode": { "Brand": "#fca5a5" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "primary/error/400", "css": "--primary-error-400", "type": "COLOR", "value": "#f87171", "byMode": { "Brand": "#f87171" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "primary/error/500", "css": "--primary-error-500", "type": "COLOR", "value": "#ef4444", "byMode": { "Brand": "#ef4444" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "primary/error/600", "css": "--primary-error-600", "type": "COLOR", "value": "#dc2626", "byMode": { "Brand": "#dc2626" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "primary/error/700", "css": "--primary-error-700", "type": "COLOR", "value": "#b91c1c", "byMode": { "Brand": "#b91c1c" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "primary/error/800", "css": "--primary-error-800", "type": "COLOR", "value": "#991b1b", "byMode": { "Brand": "#991b1b" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "primary/error/900", "css": "--primary-error-900", "type": "COLOR", "value": "#7f1d1d", "byMode": { "Brand": "#7f1d1d" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "primary/error/950", "css": "--primary-error-950", "type": "COLOR", "value": "#450a0a", "byMode": { "Brand": "#450a0a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "primary/warning/50", "css": "--primary-warning-50", "type": "COLOR", "value": "#fffbeb", "byMode": { "Brand": "#fffbeb" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "primary/warning/100", "css": "--primary-warning-100", "type": "COLOR", "value": "#fef3c7", "byMode": { "Brand": "#fef3c7" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "primary/warning/200", "css": "--primary-warning-200", "type": "COLOR", "value": "#fde68a", "byMode": { "Brand": "#fde68a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "primary/warning/300", "css": "--primary-warning-300", "type": "COLOR", "value": "#fcd34d", "byMode": { "Brand": "#fcd34d" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "primary/warning/400", "css": "--primary-warning-400", "type": "COLOR", "value": "#fbbf24", "byMode": { "Brand": "#fbbf24" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "primary/warning/500", "css": "--primary-warning-500", "type": "COLOR", "value": "#f59e0b", "byMode": { "Brand": "#f59e0b" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "primary/warning/600", "css": "--primary-warning-600", "type": "COLOR", "value": "#d97706", "byMode": { "Brand": "#d97706" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "primary/warning/700", "css": "--primary-warning-700", "type": "COLOR", "value": "#b45309", "byMode": { "Brand": "#b45309" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "primary/warning/800", "css": "--primary-warning-800", "type": "COLOR", "value": "#92400e", "byMode": { "Brand": "#92400e" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "primary/warning/900", "css": "--primary-warning-900", "type": "COLOR", "value": "#78350f", "byMode": { "Brand": "#78350f" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "primary/warning/950", "css": "--primary-warning-950", "type": "COLOR", "value": "#451a03", "byMode": { "Brand": "#451a03" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "secondary/slate/50", "css": "--secondary-slate-50", "type": "COLOR", "value": "#f8fafc", "byMode": { "Brand": "#f8fafc" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/slate/100", "css": "--secondary-slate-100", "type": "COLOR", "value": "#f1f5f9", "byMode": { "Brand": "#f1f5f9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/slate/200", "css": "--secondary-slate-200", "type": "COLOR", "value": "#e2e8f0", "byMode": { "Brand": "#e2e8f0" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/slate/300", "css": "--secondary-slate-300", "type": "COLOR", "value": "#cbd5e1", "byMode": { "Brand": "#cbd5e1" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/slate/400", "css": "--secondary-slate-400", "type": "COLOR", "value": "#94a3b8", "byMode": { "Brand": "#94a3b8" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/slate/500", "css": "--secondary-slate-500", "type": "COLOR", "value": "#64748b", "byMode": { "Brand": "#64748b" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/slate/600", "css": "--secondary-slate-600", "type": "COLOR", "value": "#475569", "byMode": { "Brand": "#475569" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/slate/700", "css": "--secondary-slate-700", "type": "COLOR", "value": "#334155", "byMode": { "Brand": "#334155" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/slate/800", "css": "--secondary-slate-800", "type": "COLOR", "value": "#1e293b", "byMode": { "Brand": "#1e293b" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/slate/900", "css": "--secondary-slate-900", "type": "COLOR", "value": "#0f172a", "byMode": { "Brand": "#0f172a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/slate/950", "css": "--secondary-slate-950", "type": "COLOR", "value": "#020617", "byMode": { "Brand": "#020617" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/25", "css": "--primary-neutral-25", "type": "COLOR", "value": "#fcfcfc", "byMode": { "Brand": "#fcfcfc" }, "alias": "secondary/steel gray/25", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/100", "css": "--primary-neutral-100", "type": "COLOR", "value": "#f0f0f0", "byMode": { "Brand": "#f0f0f0" }, "alias": "secondary/steel gray/100", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/200", "css": "--primary-neutral-200", "type": "COLOR", "value": "#e5e5e5", "byMode": { "Brand": "#e5e5e5" }, "alias": "secondary/steel gray/200", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/300", "css": "--primary-neutral-300", "type": "COLOR", "value": "#d4d4d4", "byMode": { "Brand": "#d4d4d4" }, "alias": "secondary/steel gray/300", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/400", "css": "--primary-neutral-400", "type": "COLOR", "value": "#a3a3a3", "byMode": { "Brand": "#a3a3a3" }, "alias": "secondary/steel gray/400", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/500", "css": "--primary-neutral-500", "type": "COLOR", "value": "#737373", "byMode": { "Brand": "#737373" }, "alias": "secondary/steel gray/500", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/600", "css": "--primary-neutral-600", "type": "COLOR", "value": "#525252", "byMode": { "Brand": "#525252" }, "alias": "secondary/steel gray/600", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/700", "css": "--primary-neutral-700", "type": "COLOR", "value": "#404040", "byMode": { "Brand": "#404040" }, "alias": "secondary/steel gray/700", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/800", "css": "--primary-neutral-800", "type": "COLOR", "value": "#262626", "byMode": { "Brand": "#262626" }, "alias": "secondary/steel gray/800", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/900", "css": "--primary-neutral-900", "type": "COLOR", "value": "#171717", "byMode": { "Brand": "#171717" }, "alias": "secondary/steel gray/900", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/950", "css": "--primary-neutral-950", "type": "COLOR", "value": "#0a0a0a", "byMode": { "Brand": "#0a0a0a" }, "alias": "secondary/steel gray/950", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/zinc/50", "css": "--secondary-zinc-50", "type": "COLOR", "value": "#fafafa", "byMode": { "Brand": "#fafafa" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/zinc/100", "css": "--secondary-zinc-100", "type": "COLOR", "value": "#f4f4f5", "byMode": { "Brand": "#f4f4f5" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/zinc/200", "css": "--secondary-zinc-200", "type": "COLOR", "value": "#e4e4e7", "byMode": { "Brand": "#e4e4e7" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/zinc/300", "css": "--secondary-zinc-300", "type": "COLOR", "value": "#d4d4d8", "byMode": { "Brand": "#d4d4d8" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/zinc/400", "css": "--secondary-zinc-400", "type": "COLOR", "value": "#a1a1aa", "byMode": { "Brand": "#a1a1aa" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/zinc/500", "css": "--secondary-zinc-500", "type": "COLOR", "value": "#71717a", "byMode": { "Brand": "#71717a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/zinc/600", "css": "--secondary-zinc-600", "type": "COLOR", "value": "#52525b", "byMode": { "Brand": "#52525b" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/zinc/700", "css": "--secondary-zinc-700", "type": "COLOR", "value": "#3f3f46", "byMode": { "Brand": "#3f3f46" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/zinc/800", "css": "--secondary-zinc-800", "type": "COLOR", "value": "#27272a", "byMode": { "Brand": "#27272a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/zinc/900", "css": "--secondary-zinc-900", "type": "COLOR", "value": "#18181b", "byMode": { "Brand": "#18181b" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/zinc/950", "css": "--secondary-zinc-950", "type": "COLOR", "value": "#09090b", "byMode": { "Brand": "#09090b" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/stone/50", "css": "--secondary-stone-50", "type": "COLOR", "value": "#fafaf9", "byMode": { "Brand": "#fafaf9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/stone/100", "css": "--secondary-stone-100", "type": "COLOR", "value": "#f5f5f4", "byMode": { "Brand": "#f5f5f4" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/stone/200", "css": "--secondary-stone-200", "type": "COLOR", "value": "#e7e5e4", "byMode": { "Brand": "#e7e5e4" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/stone/300", "css": "--secondary-stone-300", "type": "COLOR", "value": "#d6d3d1", "byMode": { "Brand": "#d6d3d1" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/stone/400", "css": "--secondary-stone-400", "type": "COLOR", "value": "#a8a29e", "byMode": { "Brand": "#a8a29e" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/stone/500", "css": "--secondary-stone-500", "type": "COLOR", "value": "#78716c", "byMode": { "Brand": "#78716c" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/stone/600", "css": "--secondary-stone-600", "type": "COLOR", "value": "#57534e", "byMode": { "Brand": "#57534e" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/stone/700", "css": "--secondary-stone-700", "type": "COLOR", "value": "#44403c", "byMode": { "Brand": "#44403c" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/stone/800", "css": "--secondary-stone-800", "type": "COLOR", "value": "#292524", "byMode": { "Brand": "#292524" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/stone/900", "css": "--secondary-stone-900", "type": "COLOR", "value": "#1c1917", "byMode": { "Brand": "#1c1917" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/stone/950", "css": "--secondary-stone-950", "type": "COLOR", "value": "#0c0a09", "byMode": { "Brand": "#0c0a09" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/orange/50", "css": "--secondary-orange-50", "type": "COLOR", "value": "#fff7ed", "byMode": { "Brand": "#fff7ed" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/orange/100", "css": "--secondary-orange-100", "type": "COLOR", "value": "#ffedd5", "byMode": { "Brand": "#ffedd5" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/orange/200", "css": "--secondary-orange-200", "type": "COLOR", "value": "#fed7aa", "byMode": { "Brand": "#fed7aa" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/orange/300", "css": "--secondary-orange-300", "type": "COLOR", "value": "#fdba74", "byMode": { "Brand": "#fdba74" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/orange/400", "css": "--secondary-orange-400", "type": "COLOR", "value": "#fb923c", "byMode": { "Brand": "#fb923c" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/orange/500", "css": "--secondary-orange-500", "type": "COLOR", "value": "#f97316", "byMode": { "Brand": "#f97316" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/orange/600", "css": "--secondary-orange-600", "type": "COLOR", "value": "#ea580c", "byMode": { "Brand": "#ea580c" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/orange/700", "css": "--secondary-orange-700", "type": "COLOR", "value": "#c2410c", "byMode": { "Brand": "#c2410c" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/orange/800", "css": "--secondary-orange-800", "type": "COLOR", "value": "#9a3412", "byMode": { "Brand": "#9a3412" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/orange/900", "css": "--secondary-orange-900", "type": "COLOR", "value": "#7c2d12", "byMode": { "Brand": "#7c2d12" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/orange/950", "css": "--secondary-orange-950", "type": "COLOR", "value": "#431407", "byMode": { "Brand": "#431407" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/yellow/50", "css": "--secondary-yellow-50", "type": "COLOR", "value": "#fefce8", "byMode": { "Brand": "#fefce8" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/yellow/100", "css": "--secondary-yellow-100", "type": "COLOR", "value": "#fef9c3", "byMode": { "Brand": "#fef9c3" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/yellow/200", "css": "--secondary-yellow-200", "type": "COLOR", "value": "#fef08a", "byMode": { "Brand": "#fef08a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/yellow/300", "css": "--secondary-yellow-300", "type": "COLOR", "value": "#fde047", "byMode": { "Brand": "#fde047" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/yellow/400", "css": "--secondary-yellow-400", "type": "COLOR", "value": "#facc15", "byMode": { "Brand": "#facc15" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/yellow/500", "css": "--secondary-yellow-500", "type": "COLOR", "value": "#eab308", "byMode": { "Brand": "#eab308" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/yellow/600", "css": "--secondary-yellow-600", "type": "COLOR", "value": "#ca8a04", "byMode": { "Brand": "#ca8a04" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/yellow/700", "css": "--secondary-yellow-700", "type": "COLOR", "value": "#a16207", "byMode": { "Brand": "#a16207" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/yellow/800", "css": "--secondary-yellow-800", "type": "COLOR", "value": "#854d0e", "byMode": { "Brand": "#854d0e" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/yellow/900", "css": "--secondary-yellow-900", "type": "COLOR", "value": "#713f12", "byMode": { "Brand": "#713f12" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/yellow/950", "css": "--secondary-yellow-950", "type": "COLOR", "value": "#422006", "byMode": { "Brand": "#422006" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/lime/50", "css": "--secondary-lime-50", "type": "COLOR", "value": "#f7fee7", "byMode": { "Brand": "#f7fee7" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/lime/100", "css": "--secondary-lime-100", "type": "COLOR", "value": "#ecfccb", "byMode": { "Brand": "#ecfccb" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/lime/200", "css": "--secondary-lime-200", "type": "COLOR", "value": "#d9f99d", "byMode": { "Brand": "#d9f99d" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/lime/300", "css": "--secondary-lime-300", "type": "COLOR", "value": "#bef264", "byMode": { "Brand": "#bef264" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/lime/400", "css": "--secondary-lime-400", "type": "COLOR", "value": "#a3e635", "byMode": { "Brand": "#a3e635" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/lime/500", "css": "--secondary-lime-500", "type": "COLOR", "value": "#84cc16", "byMode": { "Brand": "#84cc16" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/lime/600", "css": "--secondary-lime-600", "type": "COLOR", "value": "#65a30d", "byMode": { "Brand": "#65a30d" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/lime/700", "css": "--secondary-lime-700", "type": "COLOR", "value": "#4d7c0f", "byMode": { "Brand": "#4d7c0f" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/lime/800", "css": "--secondary-lime-800", "type": "COLOR", "value": "#3f6212", "byMode": { "Brand": "#3f6212" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/lime/900", "css": "--secondary-lime-900", "type": "COLOR", "value": "#365314", "byMode": { "Brand": "#365314" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/lime/950", "css": "--secondary-lime-950", "type": "COLOR", "value": "#1a2e05", "byMode": { "Brand": "#1a2e05" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/green/50", "css": "--secondary-green-50", "type": "COLOR", "value": "#f0fdf4", "byMode": { "Brand": "#f0fdf4" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/green/100", "css": "--secondary-green-100", "type": "COLOR", "value": "#dcfce7", "byMode": { "Brand": "#dcfce7" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/green/200", "css": "--secondary-green-200", "type": "COLOR", "value": "#bbf7d0", "byMode": { "Brand": "#bbf7d0" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/green/300", "css": "--secondary-green-300", "type": "COLOR", "value": "#86efac", "byMode": { "Brand": "#86efac" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/green/400", "css": "--secondary-green-400", "type": "COLOR", "value": "#4ade80", "byMode": { "Brand": "#4ade80" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/green/500", "css": "--secondary-green-500", "type": "COLOR", "value": "#22c55e", "byMode": { "Brand": "#22c55e" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/green/600", "css": "--secondary-green-600", "type": "COLOR", "value": "#16a34a", "byMode": { "Brand": "#16a34a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/green/700", "css": "--secondary-green-700", "type": "COLOR", "value": "#15803d", "byMode": { "Brand": "#15803d" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/green/800", "css": "--secondary-green-800", "type": "COLOR", "value": "#166534", "byMode": { "Brand": "#166534" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/green/900", "css": "--secondary-green-900", "type": "COLOR", "value": "#14532d", "byMode": { "Brand": "#14532d" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/green/950", "css": "--secondary-green-950", "type": "COLOR", "value": "#052e16", "byMode": { "Brand": "#052e16" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/teal/50", "css": "--secondary-teal-50", "type": "COLOR", "value": "#f0fdfa", "byMode": { "Brand": "#f0fdfa" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/teal/100", "css": "--secondary-teal-100", "type": "COLOR", "value": "#ccfbf1", "byMode": { "Brand": "#ccfbf1" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/teal/200", "css": "--secondary-teal-200", "type": "COLOR", "value": "#99f6e4", "byMode": { "Brand": "#99f6e4" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/teal/300", "css": "--secondary-teal-300", "type": "COLOR", "value": "#5eead4", "byMode": { "Brand": "#5eead4" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/teal/400", "css": "--secondary-teal-400", "type": "COLOR", "value": "#2dd4bf", "byMode": { "Brand": "#2dd4bf" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/teal/500", "css": "--secondary-teal-500", "type": "COLOR", "value": "#14b8a6", "byMode": { "Brand": "#14b8a6" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/teal/600", "css": "--secondary-teal-600", "type": "COLOR", "value": "#0d9488", "byMode": { "Brand": "#0d9488" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/teal/700", "css": "--secondary-teal-700", "type": "COLOR", "value": "#0f766e", "byMode": { "Brand": "#0f766e" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/teal/800", "css": "--secondary-teal-800", "type": "COLOR", "value": "#115e59", "byMode": { "Brand": "#115e59" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/teal/900", "css": "--secondary-teal-900", "type": "COLOR", "value": "#134e4a", "byMode": { "Brand": "#134e4a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/teal/950", "css": "--secondary-teal-950", "type": "COLOR", "value": "#042f2e", "byMode": { "Brand": "#042f2e" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/cyan/50", "css": "--secondary-cyan-50", "type": "COLOR", "value": "#ecfeff", "byMode": { "Brand": "#ecfeff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/cyan/100", "css": "--secondary-cyan-100", "type": "COLOR", "value": "#cffafe", "byMode": { "Brand": "#cffafe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/cyan/200", "css": "--secondary-cyan-200", "type": "COLOR", "value": "#a5f3fc", "byMode": { "Brand": "#a5f3fc" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/cyan/300", "css": "--secondary-cyan-300", "type": "COLOR", "value": "#67e8f9", "byMode": { "Brand": "#67e8f9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/cyan/400", "css": "--secondary-cyan-400", "type": "COLOR", "value": "#22d3ee", "byMode": { "Brand": "#22d3ee" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/cyan/500", "css": "--secondary-cyan-500", "type": "COLOR", "value": "#06b6d4", "byMode": { "Brand": "#06b6d4" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/cyan/600", "css": "--secondary-cyan-600", "type": "COLOR", "value": "#0891b2", "byMode": { "Brand": "#0891b2" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/cyan/700", "css": "--secondary-cyan-700", "type": "COLOR", "value": "#0e7490", "byMode": { "Brand": "#0e7490" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/cyan/800", "css": "--secondary-cyan-800", "type": "COLOR", "value": "#155e75", "byMode": { "Brand": "#155e75" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/cyan/900", "css": "--secondary-cyan-900", "type": "COLOR", "value": "#164e63", "byMode": { "Brand": "#164e63" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/cyan/950", "css": "--secondary-cyan-950", "type": "COLOR", "value": "#083344", "byMode": { "Brand": "#083344" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/sky/50", "css": "--secondary-sky-50", "type": "COLOR", "value": "#f0f9ff", "byMode": { "Brand": "#f0f9ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/sky/100", "css": "--secondary-sky-100", "type": "COLOR", "value": "#e0f2fe", "byMode": { "Brand": "#e0f2fe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/sky/200", "css": "--secondary-sky-200", "type": "COLOR", "value": "#bae6fd", "byMode": { "Brand": "#bae6fd" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/sky/300", "css": "--secondary-sky-300", "type": "COLOR", "value": "#7dd3fc", "byMode": { "Brand": "#7dd3fc" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/sky/400", "css": "--secondary-sky-400", "type": "COLOR", "value": "#38bdf8", "byMode": { "Brand": "#38bdf8" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/sky/500", "css": "--secondary-sky-500", "type": "COLOR", "value": "#0ea5e9", "byMode": { "Brand": "#0ea5e9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/sky/600", "css": "--secondary-sky-600", "type": "COLOR", "value": "#0284c7", "byMode": { "Brand": "#0284c7" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/sky/700", "css": "--secondary-sky-700", "type": "COLOR", "value": "#0369a1", "byMode": { "Brand": "#0369a1" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/sky/800", "css": "--secondary-sky-800", "type": "COLOR", "value": "#075985", "byMode": { "Brand": "#075985" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/sky/900", "css": "--secondary-sky-900", "type": "COLOR", "value": "#0c4a6e", "byMode": { "Brand": "#0c4a6e" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/sky/950", "css": "--secondary-sky-950", "type": "COLOR", "value": "#082f49", "byMode": { "Brand": "#082f49" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/50", "css": "--secondary-blue-50", "type": "COLOR", "value": "#eff6ff", "byMode": { "Brand": "#eff6ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/100", "css": "--secondary-blue-100", "type": "COLOR", "value": "#dbeafe", "byMode": { "Brand": "#dbeafe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/200", "css": "--secondary-blue-200", "type": "COLOR", "value": "#bfdbfe", "byMode": { "Brand": "#bfdbfe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/300", "css": "--secondary-blue-300", "type": "COLOR", "value": "#93c5fd", "byMode": { "Brand": "#93c5fd" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/400", "css": "--secondary-blue-400", "type": "COLOR", "value": "#60a5fa", "byMode": { "Brand": "#60a5fa" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/500", "css": "--secondary-blue-500", "type": "COLOR", "value": "#3b82f6", "byMode": { "Brand": "#3b82f6" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/600", "css": "--secondary-blue-600", "type": "COLOR", "value": "#2563eb", "byMode": { "Brand": "#2563eb" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/700", "css": "--secondary-blue-700", "type": "COLOR", "value": "#1d4ed8", "byMode": { "Brand": "#1d4ed8" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/800", "css": "--secondary-blue-800", "type": "COLOR", "value": "#1e40af", "byMode": { "Brand": "#1e40af" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/900", "css": "--secondary-blue-900", "type": "COLOR", "value": "#1e3a8a", "byMode": { "Brand": "#1e3a8a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/950", "css": "--secondary-blue-950", "type": "COLOR", "value": "#172554", "byMode": { "Brand": "#172554" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/indigo/50", "css": "--secondary-indigo-50", "type": "COLOR", "value": "#eef2ff", "byMode": { "Brand": "#eef2ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/indigo/100", "css": "--secondary-indigo-100", "type": "COLOR", "value": "#e0e7ff", "byMode": { "Brand": "#e0e7ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/indigo/200", "css": "--secondary-indigo-200", "type": "COLOR", "value": "#c7d2fe", "byMode": { "Brand": "#c7d2fe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/indigo/300", "css": "--secondary-indigo-300", "type": "COLOR", "value": "#a5b4fc", "byMode": { "Brand": "#a5b4fc" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/indigo/400", "css": "--secondary-indigo-400", "type": "COLOR", "value": "#818cf8", "byMode": { "Brand": "#818cf8" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/indigo/500", "css": "--secondary-indigo-500", "type": "COLOR", "value": "#6366f1", "byMode": { "Brand": "#6366f1" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/indigo/600", "css": "--secondary-indigo-600", "type": "COLOR", "value": "#4f46e5", "byMode": { "Brand": "#4f46e5" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/indigo/700", "css": "--secondary-indigo-700", "type": "COLOR", "value": "#4338ca", "byMode": { "Brand": "#4338ca" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/indigo/800", "css": "--secondary-indigo-800", "type": "COLOR", "value": "#3730a3", "byMode": { "Brand": "#3730a3" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/indigo/900", "css": "--secondary-indigo-900", "type": "COLOR", "value": "#312e81", "byMode": { "Brand": "#312e81" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/indigo/950", "css": "--secondary-indigo-950", "type": "COLOR", "value": "#1e1b4b", "byMode": { "Brand": "#1e1b4b" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/violet/50", "css": "--secondary-violet-50", "type": "COLOR", "value": "#f5f3ff", "byMode": { "Brand": "#f5f3ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/violet/100", "css": "--secondary-violet-100", "type": "COLOR", "value": "#ede9fe", "byMode": { "Brand": "#ede9fe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/violet/200", "css": "--secondary-violet-200", "type": "COLOR", "value": "#ddd6fe", "byMode": { "Brand": "#ddd6fe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/violet/300", "css": "--secondary-violet-300", "type": "COLOR", "value": "#c4b5fd", "byMode": { "Brand": "#c4b5fd" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/violet/400", "css": "--secondary-violet-400", "type": "COLOR", "value": "#a78bfa", "byMode": { "Brand": "#a78bfa" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/violet/500", "css": "--secondary-violet-500", "type": "COLOR", "value": "#8b5cf6", "byMode": { "Brand": "#8b5cf6" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/violet/600", "css": "--secondary-violet-600", "type": "COLOR", "value": "#7c3aed", "byMode": { "Brand": "#7c3aed" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/violet/700", "css": "--secondary-violet-700", "type": "COLOR", "value": "#6d28d9", "byMode": { "Brand": "#6d28d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/violet/800", "css": "--secondary-violet-800", "type": "COLOR", "value": "#5b21b6", "byMode": { "Brand": "#5b21b6" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/violet/900", "css": "--secondary-violet-900", "type": "COLOR", "value": "#4c1d95", "byMode": { "Brand": "#4c1d95" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/violet/950", "css": "--secondary-violet-950", "type": "COLOR", "value": "#2e1065", "byMode": { "Brand": "#2e1065" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/purple/50", "css": "--secondary-purple-50", "type": "COLOR", "value": "#faf5ff", "byMode": { "Brand": "#faf5ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/purple/100", "css": "--secondary-purple-100", "type": "COLOR", "value": "#f3e8ff", "byMode": { "Brand": "#f3e8ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/purple/200", "css": "--secondary-purple-200", "type": "COLOR", "value": "#e9d5ff", "byMode": { "Brand": "#e9d5ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/purple/300", "css": "--secondary-purple-300", "type": "COLOR", "value": "#d8b4fe", "byMode": { "Brand": "#d8b4fe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/purple/400", "css": "--secondary-purple-400", "type": "COLOR", "value": "#c084fc", "byMode": { "Brand": "#c084fc" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/purple/500", "css": "--secondary-purple-500", "type": "COLOR", "value": "#a855f7", "byMode": { "Brand": "#a855f7" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/purple/600", "css": "--secondary-purple-600", "type": "COLOR", "value": "#9333ea", "byMode": { "Brand": "#9333ea" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/purple/700", "css": "--secondary-purple-700", "type": "COLOR", "value": "#7e22ce", "byMode": { "Brand": "#7e22ce" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/purple/800", "css": "--secondary-purple-800", "type": "COLOR", "value": "#6b21a8", "byMode": { "Brand": "#6b21a8" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/purple/900", "css": "--secondary-purple-900", "type": "COLOR", "value": "#581c87", "byMode": { "Brand": "#581c87" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/purple/950", "css": "--secondary-purple-950", "type": "COLOR", "value": "#3b0764", "byMode": { "Brand": "#3b0764" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/fuchsia/50", "css": "--secondary-fuchsia-50", "type": "COLOR", "value": "#fdf4ff", "byMode": { "Brand": "#fdf4ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/fuchsia/100", "css": "--secondary-fuchsia-100", "type": "COLOR", "value": "#fae8ff", "byMode": { "Brand": "#fae8ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/fuchsia/200", "css": "--secondary-fuchsia-200", "type": "COLOR", "value": "#f5d0fe", "byMode": { "Brand": "#f5d0fe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/fuchsia/300", "css": "--secondary-fuchsia-300", "type": "COLOR", "value": "#f0abfc", "byMode": { "Brand": "#f0abfc" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/fuchsia/400", "css": "--secondary-fuchsia-400", "type": "COLOR", "value": "#e879f9", "byMode": { "Brand": "#e879f9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/fuchsia/500", "css": "--secondary-fuchsia-500", "type": "COLOR", "value": "#d946ef", "byMode": { "Brand": "#d946ef" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/fuchsia/600", "css": "--secondary-fuchsia-600", "type": "COLOR", "value": "#c026d3", "byMode": { "Brand": "#c026d3" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/fuchsia/700", "css": "--secondary-fuchsia-700", "type": "COLOR", "value": "#a21caf", "byMode": { "Brand": "#a21caf" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/fuchsia/800", "css": "--secondary-fuchsia-800", "type": "COLOR", "value": "#86198f", "byMode": { "Brand": "#86198f" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/fuchsia/900", "css": "--secondary-fuchsia-900", "type": "COLOR", "value": "#701a75", "byMode": { "Brand": "#701a75" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/fuchsia/950", "css": "--secondary-fuchsia-950", "type": "COLOR", "value": "#4a044e", "byMode": { "Brand": "#4a044e" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/pink/50", "css": "--secondary-pink-50", "type": "COLOR", "value": "#fdf2f8", "byMode": { "Brand": "#fdf2f8" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/pink/100", "css": "--secondary-pink-100", "type": "COLOR", "value": "#fce7f3", "byMode": { "Brand": "#fce7f3" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/pink/200", "css": "--secondary-pink-200", "type": "COLOR", "value": "#fbcfe8", "byMode": { "Brand": "#fbcfe8" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/pink/300", "css": "--secondary-pink-300", "type": "COLOR", "value": "#f9a8d4", "byMode": { "Brand": "#f9a8d4" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/pink/400", "css": "--secondary-pink-400", "type": "COLOR", "value": "#f472b6", "byMode": { "Brand": "#f472b6" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/pink/500", "css": "--secondary-pink-500", "type": "COLOR", "value": "#ec4899", "byMode": { "Brand": "#ec4899" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/pink/600", "css": "--secondary-pink-600", "type": "COLOR", "value": "#db2777", "byMode": { "Brand": "#db2777" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/pink/700", "css": "--secondary-pink-700", "type": "COLOR", "value": "#be185d", "byMode": { "Brand": "#be185d" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/pink/800", "css": "--secondary-pink-800", "type": "COLOR", "value": "#9d174d", "byMode": { "Brand": "#9d174d" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/pink/900", "css": "--secondary-pink-900", "type": "COLOR", "value": "#831843", "byMode": { "Brand": "#831843" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/pink/950", "css": "--secondary-pink-950", "type": "COLOR", "value": "#500724", "byMode": { "Brand": "#500724" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/rose/50", "css": "--secondary-rose-50", "type": "COLOR", "value": "#fff1f2", "byMode": { "Brand": "#fff1f2" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/rose/100", "css": "--secondary-rose-100", "type": "COLOR", "value": "#ffe4e6", "byMode": { "Brand": "#ffe4e6" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/rose/200", "css": "--secondary-rose-200", "type": "COLOR", "value": "#fecdd3", "byMode": { "Brand": "#fecdd3" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/rose/300", "css": "--secondary-rose-300", "type": "COLOR", "value": "#fda4af", "byMode": { "Brand": "#fda4af" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/rose/400", "css": "--secondary-rose-400", "type": "COLOR", "value": "#fb7185", "byMode": { "Brand": "#fb7185" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/rose/500", "css": "--secondary-rose-500", "type": "COLOR", "value": "#f43f5e", "byMode": { "Brand": "#f43f5e" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/rose/600", "css": "--secondary-rose-600", "type": "COLOR", "value": "#e11d48", "byMode": { "Brand": "#e11d48" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/rose/700", "css": "--secondary-rose-700", "type": "COLOR", "value": "#be123c", "byMode": { "Brand": "#be123c" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/rose/800", "css": "--secondary-rose-800", "type": "COLOR", "value": "#9f1239", "byMode": { "Brand": "#9f1239" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/rose/900", "css": "--secondary-rose-900", "type": "COLOR", "value": "#881337", "byMode": { "Brand": "#881337" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/rose/950", "css": "--secondary-rose-950", "type": "COLOR", "value": "#4c0519", "byMode": { "Brand": "#4c0519" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/25", "css": "--primary-brand-25", "type": "COLOR", "value": "#fcfcfc", "byMode": { "Brand": "#fcfcfc" }, "alias": "secondary/steel gray/25", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/100", "css": "--primary-brand-100", "type": "COLOR", "value": "#f0f0f0", "byMode": { "Brand": "#f0f0f0" }, "alias": "secondary/steel gray/100", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/200", "css": "--primary-brand-200", "type": "COLOR", "value": "#e5e5e5", "byMode": { "Brand": "#e5e5e5" }, "alias": "secondary/steel gray/200", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/300", "css": "--primary-brand-300", "type": "COLOR", "value": "#d4d4d4", "byMode": { "Brand": "#d4d4d4" }, "alias": "secondary/steel gray/300", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/400", "css": "--primary-brand-400", "type": "COLOR", "value": "#a3a3a3", "byMode": { "Brand": "#a3a3a3" }, "alias": "secondary/steel gray/400", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/500", "css": "--primary-brand-500", "type": "COLOR", "value": "#737373", "byMode": { "Brand": "#737373" }, "alias": "secondary/steel gray/500", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/600", "css": "--primary-brand-600", "type": "COLOR", "value": "#525252", "byMode": { "Brand": "#525252" }, "alias": "secondary/steel gray/600", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/700", "css": "--primary-brand-700", "type": "COLOR", "value": "#404040", "byMode": { "Brand": "#404040" }, "alias": "secondary/steel gray/700", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/800", "css": "--primary-brand-800", "type": "COLOR", "value": "#262626", "byMode": { "Brand": "#262626" }, "alias": "secondary/steel gray/800", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/900", "css": "--primary-brand-900", "type": "COLOR", "value": "#171717", "byMode": { "Brand": "#171717" }, "alias": "secondary/steel gray/900", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/950", "css": "--primary-brand-950", "type": "COLOR", "value": "#0a0a0a", "byMode": { "Brand": "#0a0a0a" }, "alias": "secondary/steel gray/950", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/brand/50", "css": "--primary-brand-50", "type": "COLOR", "value": "#f7f7f7", "byMode": { "Brand": "#f7f7f7" }, "alias": "secondary/steel gray/50", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/neutral/50", "css": "--primary-neutral-50", "type": "COLOR", "value": "#f7f7f7", "byMode": { "Brand": "#f7f7f7" }, "alias": "secondary/steel gray/50", "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/success/25", "css": "--primary-success-25", "type": "COLOR", "value": "#f1fef9", "byMode": { "Brand": "#f1fef9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/warning/25", "css": "--primary-warning-25", "type": "COLOR", "value": "#fffbf5", "byMode": { "Brand": "#fffbf5" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "yellow" }, { "figma": "primary/error/25", "css": "--primary-error-25", "type": "COLOR", "value": "#fef6f6", "byMode": { "Brand": "#fef6f6" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "red, error" }, { "figma": "secondary/red-orange/50", "css": "--secondary-red-orange-50", "type": "COLOR", "value": "#fff4f0", "byMode": { "Brand": "#fff4f0" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/red-orange/100", "css": "--secondary-red-orange-100", "type": "COLOR", "value": "#ffe9e0", "byMode": { "Brand": "#ffe9e0" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/red-orange/200", "css": "--secondary-red-orange-200", "type": "COLOR", "value": "#ffcebd", "byMode": { "Brand": "#ffcebd" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/red-orange/300", "css": "--secondary-red-orange-300", "type": "COLOR", "value": "#ffb094", "byMode": { "Brand": "#ffb094" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/red-orange/400", "css": "--secondary-red-orange-400", "type": "COLOR", "value": "#ff8b61", "byMode": { "Brand": "#ff8b61" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/red-orange/500", "css": "--secondary-red-orange-500", "type": "COLOR", "value": "#ff4500", "byMode": { "Brand": "#ff4500" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/red-orange/600", "css": "--secondary-red-orange-600", "type": "COLOR", "value": "#e63d00", "byMode": { "Brand": "#e63d00" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/red-orange/700", "css": "--secondary-red-orange-700", "type": "COLOR", "value": "#c73500", "byMode": { "Brand": "#c73500" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/red-orange/800", "css": "--secondary-red-orange-800", "type": "COLOR", "value": "#a82d00", "byMode": { "Brand": "#a82d00" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/red-orange/900", "css": "--secondary-red-orange-900", "type": "COLOR", "value": "#7a2100", "byMode": { "Brand": "#7a2100" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/red-orange/950", "css": "--secondary-red-orange-950", "type": "COLOR", "value": "#5c1800", "byMode": { "Brand": "#5c1800" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/steel gray/25", "css": "--secondary-steel-gray-25", "type": "COLOR", "value": "#fcfcfc", "byMode": { "Brand": "#fcfcfc" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/neutral/accent 10", "css": "--alpha-neutral-accent-10", "type": "COLOR", "value": "#0a0a0a1a", "byMode": { "Brand": "#0a0a0a1a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/neutral/accent 20", "css": "--alpha-neutral-accent-20", "type": "COLOR", "value": "#0a0a0a33", "byMode": { "Brand": "#0a0a0a33" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/neutral/accent 40", "css": "--alpha-neutral-accent-40", "type": "COLOR", "value": "#0a0a0a66", "byMode": { "Brand": "#0a0a0a66" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/neutral/accent 85", "css": "--alpha-neutral-accent-85", "type": "COLOR", "value": "#0a0a0ad9", "byMode": { "Brand": "#0a0a0ad9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/neutral/accent 60", "css": "--alpha-neutral-accent-60", "type": "COLOR", "value": "#0a0a0a99", "byMode": { "Brand": "#0a0a0a99" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/success/accent 10", "css": "--alpha-success-accent-10", "type": "COLOR", "value": "#0596691a", "byMode": { "Brand": "#0596691a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/success/accent 20", "css": "--alpha-success-accent-20", "type": "COLOR", "value": "#05966933", "byMode": { "Brand": "#05966933" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/success/accent 40", "css": "--alpha-success-accent-40", "type": "COLOR", "value": "#05966966", "byMode": { "Brand": "#05966966" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/success/accent 60", "css": "--alpha-success-accent-60", "type": "COLOR", "value": "#05966999", "byMode": { "Brand": "#05966999" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/success/accent 85", "css": "--alpha-success-accent-85", "type": "COLOR", "value": "#059669d9", "byMode": { "Brand": "#059669d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/error/accent 10", "css": "--alpha-error-accent-10", "type": "COLOR", "value": "#dc26261a", "byMode": { "Brand": "#dc26261a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/error/accent 20", "css": "--alpha-error-accent-20", "type": "COLOR", "value": "#dc262633", "byMode": { "Brand": "#dc262633" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/error/accent 40", "css": "--alpha-error-accent-40", "type": "COLOR", "value": "#dc262666", "byMode": { "Brand": "#dc262666" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/error/accent 60", "css": "--alpha-error-accent-60", "type": "COLOR", "value": "#dc262699", "byMode": { "Brand": "#dc262699" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/error/accent 85", "css": "--alpha-error-accent-85", "type": "COLOR", "value": "#dc2626d9", "byMode": { "Brand": "#dc2626d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/yellow/accent 10", "css": "--alpha-yellow-accent-10", "type": "COLOR", "value": "#ca8a041a", "byMode": { "Brand": "#ca8a041a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/yellow/accent 20", "css": "--alpha-yellow-accent-20", "type": "COLOR", "value": "#ca8a0433", "byMode": { "Brand": "#ca8a0433" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/yellow/accent 40", "css": "--alpha-yellow-accent-40", "type": "COLOR", "value": "#ca8a0466", "byMode": { "Brand": "#ca8a0466" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/yellow/accent 60", "css": "--alpha-yellow-accent-60", "type": "COLOR", "value": "#ca8a0499", "byMode": { "Brand": "#ca8a0499" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/yellow/accent 85", "css": "--alpha-yellow-accent-85", "type": "COLOR", "value": "#ca8a04d9", "byMode": { "Brand": "#ca8a04d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/warning/accent 10", "css": "--alpha-warning-accent-10", "type": "COLOR", "value": "#f59e0b1a", "byMode": { "Brand": "#f59e0b1a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/warning/accent 20", "css": "--alpha-warning-accent-20", "type": "COLOR", "value": "#f59e0b33", "byMode": { "Brand": "#f59e0b33" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/warning/accent 40", "css": "--alpha-warning-accent-40", "type": "COLOR", "value": "#f59e0b66", "byMode": { "Brand": "#f59e0b66" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/warning/accent 60", "css": "--alpha-warning-accent-60", "type": "COLOR", "value": "#f59e0b99", "byMode": { "Brand": "#f59e0b99" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/warning/accent 85", "css": "--alpha-warning-accent-85", "type": "COLOR", "value": "#f59e0bd9", "byMode": { "Brand": "#f59e0bd9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/lime/accent 10", "css": "--alpha-lime-accent-10", "type": "COLOR", "value": "#65a30d1a", "byMode": { "Brand": "#65a30d1a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/lime/accent 20", "css": "--alpha-lime-accent-20", "type": "COLOR", "value": "#65a30d33", "byMode": { "Brand": "#65a30d33" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/lime/accent 40", "css": "--alpha-lime-accent-40", "type": "COLOR", "value": "#65a30d66", "byMode": { "Brand": "#65a30d66" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/lime/accent 60", "css": "--alpha-lime-accent-60", "type": "COLOR", "value": "#65a30d99", "byMode": { "Brand": "#65a30d99" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/lime/accent 85", "css": "--alpha-lime-accent-85", "type": "COLOR", "value": "#65a30dd9", "byMode": { "Brand": "#65a30dd9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/teal/accent 10", "css": "--alpha-teal-accent-10", "type": "COLOR", "value": "#0d94881a", "byMode": { "Brand": "#0d94881a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/teal/accent 20", "css": "--alpha-teal-accent-20", "type": "COLOR", "value": "#0d948833", "byMode": { "Brand": "#0d948833" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/teal/accent 40", "css": "--alpha-teal-accent-40", "type": "COLOR", "value": "#0d948866", "byMode": { "Brand": "#0d948866" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/teal/accent 60", "css": "--alpha-teal-accent-60", "type": "COLOR", "value": "#0d948899", "byMode": { "Brand": "#0d948899" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/teal/accent 85", "css": "--alpha-teal-accent-85", "type": "COLOR", "value": "#0d9488d9", "byMode": { "Brand": "#0d9488d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/cyan/accent 10", "css": "--alpha-cyan-accent-10", "type": "COLOR", "value": "#0891b21a", "byMode": { "Brand": "#0891b21a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/cyan/accent 20", "css": "--alpha-cyan-accent-20", "type": "COLOR", "value": "#0891b233", "byMode": { "Brand": "#0891b233" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/cyan/accent 40", "css": "--alpha-cyan-accent-40", "type": "COLOR", "value": "#0891b266", "byMode": { "Brand": "#0891b266" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/cyan/accent 60", "css": "--alpha-cyan-accent-60", "type": "COLOR", "value": "#0891b299", "byMode": { "Brand": "#0891b299" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/cyan/accent 85", "css": "--alpha-cyan-accent-85", "type": "COLOR", "value": "#0891b2d9", "byMode": { "Brand": "#0891b2d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/sky/accent 10", "css": "--alpha-sky-accent-10", "type": "COLOR", "value": "#0284c71a", "byMode": { "Brand": "#0284c71a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/sky/accent 20", "css": "--alpha-sky-accent-20", "type": "COLOR", "value": "#0284c733", "byMode": { "Brand": "#0284c733" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/sky/accent 40", "css": "--alpha-sky-accent-40", "type": "COLOR", "value": "#0284c766", "byMode": { "Brand": "#0284c766" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/sky/accent 60", "css": "--alpha-sky-accent-60", "type": "COLOR", "value": "#0284c799", "byMode": { "Brand": "#0284c799" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/sky/accent 85", "css": "--alpha-sky-accent-85", "type": "COLOR", "value": "#0284c7d9", "byMode": { "Brand": "#0284c7d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/blue/accent 10", "css": "--alpha-blue-accent-10", "type": "COLOR", "value": "#2563eb1a", "byMode": { "Brand": "#2563eb1a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/blue/accent 20", "css": "--alpha-blue-accent-20", "type": "COLOR", "value": "#2563eb33", "byMode": { "Brand": "#2563eb33" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/blue/accent 40", "css": "--alpha-blue-accent-40", "type": "COLOR", "value": "#2563eb66", "byMode": { "Brand": "#2563eb66" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/blue/accent 60", "css": "--alpha-blue-accent-60", "type": "COLOR", "value": "#2563eb99", "byMode": { "Brand": "#2563eb99" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/blue/accent 85", "css": "--alpha-blue-accent-85", "type": "COLOR", "value": "#2563ebd9", "byMode": { "Brand": "#2563ebd9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/indigo/accent 10", "css": "--alpha-indigo-accent-10", "type": "COLOR", "value": "#4f46e51a", "byMode": { "Brand": "#4f46e51a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/indigo/accent 20", "css": "--alpha-indigo-accent-20", "type": "COLOR", "value": "#4f46e533", "byMode": { "Brand": "#4f46e533" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/indigo/accent 40", "css": "--alpha-indigo-accent-40", "type": "COLOR", "value": "#4f46e566", "byMode": { "Brand": "#4f46e566" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/indigo/accent 60", "css": "--alpha-indigo-accent-60", "type": "COLOR", "value": "#4f46e599", "byMode": { "Brand": "#4f46e599" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/indigo/accent 85", "css": "--alpha-indigo-accent-85", "type": "COLOR", "value": "#4f46e5d9", "byMode": { "Brand": "#4f46e5d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/violet/accent 10", "css": "--alpha-violet-accent-10", "type": "COLOR", "value": "#7c3aed1a", "byMode": { "Brand": "#7c3aed1a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/violet/accent 20", "css": "--alpha-violet-accent-20", "type": "COLOR", "value": "#7c3aed33", "byMode": { "Brand": "#7c3aed33" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/violet/accent 40", "css": "--alpha-violet-accent-40", "type": "COLOR", "value": "#7c3aed66", "byMode": { "Brand": "#7c3aed66" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/violet/accent 60", "css": "--alpha-violet-accent-60", "type": "COLOR", "value": "#7c3aed99", "byMode": { "Brand": "#7c3aed99" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/violet/accent 85", "css": "--alpha-violet-accent-85", "type": "COLOR", "value": "#0a0a0ad9", "byMode": { "Brand": "#0a0a0ad9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/purple/accent 10", "css": "--alpha-purple-accent-10", "type": "COLOR", "value": "#9333ea1a", "byMode": { "Brand": "#9333ea1a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/purple/accent 20", "css": "--alpha-purple-accent-20", "type": "COLOR", "value": "#9333ea33", "byMode": { "Brand": "#9333ea33" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/purple/accent 40", "css": "--alpha-purple-accent-40", "type": "COLOR", "value": "#9333ea66", "byMode": { "Brand": "#9333ea66" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/purple/accent 60", "css": "--alpha-purple-accent-60", "type": "COLOR", "value": "#9333ea99", "byMode": { "Brand": "#9333ea99" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/purple/accent 85", "css": "--alpha-purple-accent-85", "type": "COLOR", "value": "#9333ead9", "byMode": { "Brand": "#9333ead9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/fuchsia/accent 10", "css": "--alpha-fuchsia-accent-10", "type": "COLOR", "value": "#c026d31a", "byMode": { "Brand": "#c026d31a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/fuchsia/accent 20", "css": "--alpha-fuchsia-accent-20", "type": "COLOR", "value": "#c026d333", "byMode": { "Brand": "#c026d333" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/fuchsia/accent 40", "css": "--alpha-fuchsia-accent-40", "type": "COLOR", "value": "#c026d366", "byMode": { "Brand": "#c026d366" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/fuchsia/accent 60", "css": "--alpha-fuchsia-accent-60", "type": "COLOR", "value": "#c026d399", "byMode": { "Brand": "#c026d399" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/fuchsia/accent 85", "css": "--alpha-fuchsia-accent-85", "type": "COLOR", "value": "#c026d3d9", "byMode": { "Brand": "#c026d3d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/rose/accent 10", "css": "--alpha-rose-accent-10", "type": "COLOR", "value": "#e11d481a", "byMode": { "Brand": "#e11d481a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/rose/accent 20", "css": "--alpha-rose-accent-20", "type": "COLOR", "value": "#e11d4833", "byMode": { "Brand": "#e11d4833" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/rose/accent 40", "css": "--alpha-rose-accent-40", "type": "COLOR", "value": "#e11d4866", "byMode": { "Brand": "#e11d4866" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/rose/accent 60", "css": "--alpha-rose-accent-60", "type": "COLOR", "value": "#e11d4899", "byMode": { "Brand": "#e11d4899" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/rose/accent 85", "css": "--alpha-rose-accent-85", "type": "COLOR", "value": "#e11d48d9", "byMode": { "Brand": "#e11d48d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/red-orange/accent 10", "css": "--alpha-red-orange-accent-10", "type": "COLOR", "value": "#e63d001a", "byMode": { "Brand": "#e63d001a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/red-orange/accent 20", "css": "--alpha-red-orange-accent-20", "type": "COLOR", "value": "#e63d0033", "byMode": { "Brand": "#e63d0033" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/red-orange/accent 40", "css": "--alpha-red-orange-accent-40", "type": "COLOR", "value": "#e63d0066", "byMode": { "Brand": "#e63d0066" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/red-orange/accent 60", "css": "--alpha-red-orange-accent-60", "type": "COLOR", "value": "#e63d0099", "byMode": { "Brand": "#e63d0099" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/red-orange/accent 85", "css": "--alpha-red-orange-accent-85", "type": "COLOR", "value": "#e63d00d9", "byMode": { "Brand": "#e63d00d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/brand/accent 10", "css": "--alpha-brand-accent-10", "type": "COLOR", "value": "#0a0a0a1a", "byMode": { "Brand": "#0a0a0a1a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/brand/accent 20", "css": "--alpha-brand-accent-20", "type": "COLOR", "value": "#0a0a0a33", "byMode": { "Brand": "#0a0a0a33" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/brand/accent 40", "css": "--alpha-brand-accent-40", "type": "COLOR", "value": "#0a0a0a66", "byMode": { "Brand": "#0a0a0a66" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/brand/accent 60", "css": "--alpha-brand-accent-60", "type": "COLOR", "value": "#0a0a0a99", "byMode": { "Brand": "#0a0a0a99" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/brand/accent 85", "css": "--alpha-brand-accent-85", "type": "COLOR", "value": "#0a0a0ad9", "byMode": { "Brand": "#0a0a0ad9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/pink/accent 10", "css": "--alpha-pink-accent-10", "type": "COLOR", "value": "#db27771a", "byMode": { "Brand": "#db27771a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/pink/accent 20", "css": "--alpha-pink-accent-20", "type": "COLOR", "value": "#db277733", "byMode": { "Brand": "#db277733" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/pink/accent 40", "css": "--alpha-pink-accent-40", "type": "COLOR", "value": "#db277766", "byMode": { "Brand": "#db277766" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/pink/accent 60", "css": "--alpha-pink-accent-60", "type": "COLOR", "value": "#db277799", "byMode": { "Brand": "#db277799" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "alpha/pink/accent 85", "css": "--alpha-pink-accent-85", "type": "COLOR", "value": "#db2777d9", "byMode": { "Brand": "#db2777d9" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/25", "css": "--primary-info-25", "type": "COLOR", "value": "#f0f6ff", "byMode": { "Brand": "#f0f6ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/900 2", "css": "--secondary-blue-900-2", "type": "COLOR", "value": "#1e3a8a", "byMode": { "Brand": "#1e3a8a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/800 2", "css": "--secondary-blue-800-2", "type": "COLOR", "value": "#1e40af", "byMode": { "Brand": "#1e40af" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/700 2", "css": "--secondary-blue-700-2", "type": "COLOR", "value": "#1d4ed8", "byMode": { "Brand": "#1d4ed8" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/600 2", "css": "--secondary-blue-600-2", "type": "COLOR", "value": "#2563eb", "byMode": { "Brand": "#2563eb" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/500 2", "css": "--secondary-blue-500-2", "type": "COLOR", "value": "#3b82f6", "byMode": { "Brand": "#3b82f6" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/300 2", "css": "--secondary-blue-300-2", "type": "COLOR", "value": "#93c5fd", "byMode": { "Brand": "#93c5fd" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/950 2", "css": "--secondary-blue-950-2", "type": "COLOR", "value": "#172554", "byMode": { "Brand": "#172554" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/200 2", "css": "--secondary-blue-200-2", "type": "COLOR", "value": "#bfdbfe", "byMode": { "Brand": "#bfdbfe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/400 2", "css": "--secondary-blue-400-2", "type": "COLOR", "value": "#60a5fa", "byMode": { "Brand": "#60a5fa" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/100 2", "css": "--secondary-blue-100-2", "type": "COLOR", "value": "#dbeafe", "byMode": { "Brand": "#dbeafe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "secondary/blue/50 2", "css": "--secondary-blue-50-2", "type": "COLOR", "value": "#eff6ff", "byMode": { "Brand": "#eff6ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/900", "css": "--primary-info-900", "type": "COLOR", "value": "#1e3a8a", "byMode": { "Brand": "#1e3a8a" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/800", "css": "--primary-info-800", "type": "COLOR", "value": "#1e40af", "byMode": { "Brand": "#1e40af" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/700", "css": "--primary-info-700", "type": "COLOR", "value": "#1d4ed8", "byMode": { "Brand": "#1d4ed8" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/600", "css": "--primary-info-600", "type": "COLOR", "value": "#2563eb", "byMode": { "Brand": "#2563eb" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/500", "css": "--primary-info-500", "type": "COLOR", "value": "#3b82f6", "byMode": { "Brand": "#3b82f6" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/300", "css": "--primary-info-300", "type": "COLOR", "value": "#93c5fd", "byMode": { "Brand": "#93c5fd" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/950", "css": "--primary-info-950", "type": "COLOR", "value": "#172554", "byMode": { "Brand": "#172554" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/200", "css": "--primary-info-200", "type": "COLOR", "value": "#bfdbfe", "byMode": { "Brand": "#bfdbfe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/400", "css": "--primary-info-400", "type": "COLOR", "value": "#60a5fa", "byMode": { "Brand": "#60a5fa" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/100", "css": "--primary-info-100", "type": "COLOR", "value": "#dbeafe", "byMode": { "Brand": "#dbeafe" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" }, { "figma": "primary/info/50", "css": "--primary-info-50", "type": "COLOR", "value": "#eff6ff", "byMode": { "Brand": "#eff6ff" }, "alias": null, "scopes": [ "ALL_SCOPES" ], "description": "" } ] } ], "total": 623 }