@primer/brand-primitives
Version:
Color, spacing, and typography primitives for the Primer Brand Design System
520 lines (519 loc) • 34.9 kB
JSON
{
"--base-color-scale-black-0": "#000000",
"--base-color-scale-blue-0": "#DDF4FF",
"--base-color-scale-blue-1": "#BCECFF",
"--base-color-scale-blue-2": "#8DD6FF",
"--base-color-scale-blue-3": "#5FB9FF",
"--base-color-scale-blue-4": "#3094FF",
"--base-color-scale-blue-5": "#0377FF",
"--base-color-scale-blue-6": "#0055D5",
"--base-color-scale-blue-7": "#0040A7",
"--base-color-scale-blue-8": "#002F7A",
"--base-color-scale-blue-9": "#001C4D",
"--base-color-scale-coral-0": "#FFF0EB",
"--base-color-scale-coral-1": "#FFCAB8",
"--base-color-scale-coral-2": "#FFA387",
"--base-color-scale-coral-3": "#FF7B56",
"--base-color-scale-coral-4": "#FE4C25",
"--base-color-scale-coral-5": "#E13F1B",
"--base-color-scale-coral-6": "#C53211",
"--base-color-scale-coral-7": "#A22710",
"--base-color-scale-coral-8": "#801E0F",
"--base-color-scale-coral-9": "#500A00",
"--base-color-scale-gray-0": "#F2F5F3",
"--base-color-scale-gray-1": "#E4EBE6",
"--base-color-scale-gray-2": "#D2D9D4",
"--base-color-scale-gray-3": "#C4CCC6",
"--base-color-scale-gray-4": "#B6BFB8",
"--base-color-scale-gray-5": "#96A199",
"--base-color-scale-gray-6": "#77827A",
"--base-color-scale-gray-7": "#58635B",
"--base-color-scale-gray-8": "#353D37",
"--base-color-scale-gray-9": "#191F1B",
"--base-color-scale-green-0": "#EBF9F4",
"--base-color-scale-green-1": "#BFFFD1",
"--base-color-scale-green-2": "#8CF2A6",
"--base-color-scale-green-3": "#5FED83",
"--base-color-scale-green-4": "#23EA57",
"--base-color-scale-green-5": "#0FBF3E",
"--base-color-scale-green-6": "#08872B",
"--base-color-scale-green-7": "#0D6731",
"--base-color-scale-green-8": "#0E4A2E",
"--base-color-scale-green-9": "#0D3024",
"--base-color-scale-indigo-0": "#EFF2FF",
"--base-color-scale-indigo-1": "#D4DBFF",
"--base-color-scale-indigo-2": "#B3C1FD",
"--base-color-scale-indigo-3": "#8E9DF7",
"--base-color-scale-indigo-4": "#6B7BEF",
"--base-color-scale-indigo-5": "#4956E5",
"--base-color-scale-indigo-6": "#2D3DD7",
"--base-color-scale-indigo-7": "#262DAE",
"--base-color-scale-indigo-8": "#212183",
"--base-color-scale-indigo-9": "#12144F",
"--base-color-scale-lemon-0": "#FDF5B3",
"--base-color-scale-lemon-1": "#F5E36B",
"--base-color-scale-lemon-2": "#F2DA3B",
"--base-color-scale-lemon-3": "#E1C50F",
"--base-color-scale-lemon-4": "#C7A60B",
"--base-color-scale-lemon-5": "#A98906",
"--base-color-scale-lemon-6": "#806803",
"--base-color-scale-lemon-7": "#614D01",
"--base-color-scale-lemon-8": "#413200",
"--base-color-scale-lemon-9": "#322400",
"--base-color-scale-lime-0": "#F3FEC8",
"--base-color-scale-lime-1": "#E8FC97",
"--base-color-scale-lime-2": "#DCFA67",
"--base-color-scale-lime-3": "#D1F441",
"--base-color-scale-lime-4": "#B2DE28",
"--base-color-scale-lime-5": "#92C219",
"--base-color-scale-lime-6": "#698E17",
"--base-color-scale-lime-7": "#425E13",
"--base-color-scale-lime-8": "#2C440B",
"--base-color-scale-lime-9": "#182C01",
"--base-color-scale-orange-0": "#FFF1E5",
"--base-color-scale-orange-1": "#FCCEAB",
"--base-color-scale-orange-2": "#F4A876",
"--base-color-scale-orange-3": "#F08A3A",
"--base-color-scale-orange-4": "#DA7210",
"--base-color-scale-orange-5": "#B85B06",
"--base-color-scale-orange-6": "#954502",
"--base-color-scale-orange-7": "#703100",
"--base-color-scale-orange-8": "#5C2300",
"--base-color-scale-orange-9": "#471700",
"--base-color-scale-pink-0": "#FFF0FC",
"--base-color-scale-pink-1": "#FFC9F2",
"--base-color-scale-pink-2": "#F67ED2",
"--base-color-scale-pink-3": "#FF80D2",
"--base-color-scale-pink-4": "#FF4AC0",
"--base-color-scale-pink-5": "#EF2AA4",
"--base-color-scale-pink-6": "#CA2186",
"--base-color-scale-pink-7": "#952866",
"--base-color-scale-pink-8": "#651643",
"--base-color-scale-pink-9": "#3D0A28",
"--base-color-scale-purple-0": "#F0E5FF",
"--base-color-scale-purple-1": "#DBBFFD",
"--base-color-scale-purple-2": "#C898FD",
"--base-color-scale-purple-3": "#B870FF",
"--base-color-scale-purple-4": "#9F51FA",
"--base-color-scale-purple-5": "#8534F3",
"--base-color-scale-purple-6": "#6619E1",
"--base-color-scale-purple-7": "#43179E",
"--base-color-scale-purple-8": "#26115F",
"--base-color-scale-purple-9": "#160048",
"--base-color-scale-red-0": "#FFEBE9",
"--base-color-scale-red-1": "#FFCECB",
"--base-color-scale-red-2": "#FFABA8",
"--base-color-scale-red-3": "#FF8182",
"--base-color-scale-red-4": "#FA4549",
"--base-color-scale-red-5": "#CF2230",
"--base-color-scale-red-6": "#AE0B29",
"--base-color-scale-red-7": "#860620",
"--base-color-scale-red-8": "#730019",
"--base-color-scale-red-9": "#420011",
"--base-color-scale-teal-0": "#DAF9F5",
"--base-color-scale-teal-1": "#A4EFE8",
"--base-color-scale-teal-2": "#6EE5DC",
"--base-color-scale-teal-3": "#39DAD2",
"--base-color-scale-teal-4": "#23B1AE",
"--base-color-scale-teal-5": "#197B7B",
"--base-color-scale-teal-6": "#136061",
"--base-color-scale-teal-7": "#024B4D",
"--base-color-scale-teal-8": "#083D3D",
"--base-color-scale-teal-9": "#052B2C",
"--base-color-scale-transparent": "#ffffff00",
"--base-color-scale-white-0": "#ffffff",
"--base-color-scale-yellow-0": "#FFF8C5",
"--base-color-scale-yellow-1": "#FFE777",
"--base-color-scale-yellow-2": "#FFD743",
"--base-color-scale-yellow-3": "#FABF21",
"--base-color-scale-yellow-4": "#DB9D00",
"--base-color-scale-yellow-5": "#BE7D00",
"--base-color-scale-yellow-6": "#A06100",
"--base-color-scale-yellow-7": "#824800",
"--base-color-scale-yellow-8": "#653200",
"--base-color-scale-yellow-9": "#471F00",
"--brand-Accordion-border-color-default": "var(--brand-color-border-muted)",
"--brand-Accordion-indicator-active": "var(--brand-color-accent-primary)",
"--brand-Accordion-indicator-hover": "var(--base-color-scale-gray-5)",
"--brand-Accordion-indicator-idle": "var(--base-color-scale-gray-3)",
"--brand-Accordion-toggle-color-blue": "var(--base-color-scale-blue-5)",
"--brand-Accordion-toggle-color-blue-purple-end": "var(--base-color-scale-purple-5)",
"--brand-Accordion-toggle-color-blue-purple-start": "var(--base-color-scale-blue-5)",
"--brand-Accordion-toggle-color-coral": "var(--base-color-scale-coral-5)",
"--brand-Accordion-toggle-color-default": "var(--brand-color-text-default)",
"--brand-Accordion-toggle-color-end": "var(--brand-color-accent-primary)",
"--brand-Accordion-toggle-color-gray": "var(--base-color-scale-gray-5)",
"--brand-Accordion-toggle-color-green": "var(--base-color-scale-green-6)",
"--brand-Accordion-toggle-color-green-blue-end": "var(--base-color-scale-blue-5)",
"--brand-Accordion-toggle-color-green-blue-start": "var(--base-color-scale-green-6)",
"--brand-Accordion-toggle-color-indigo": "var(--base-color-scale-indigo-5)",
"--brand-Accordion-toggle-color-lemon": "var(--base-color-scale-lemon-5)",
"--brand-Accordion-toggle-color-lime": "var(--base-color-scale-lime-5)",
"--brand-Accordion-toggle-color-orange": "var(--base-color-scale-orange-5)",
"--brand-Accordion-toggle-color-pink": "var(--base-color-scale-pink-5)",
"--brand-Accordion-toggle-color-pink-blue-end": "var(--base-color-scale-blue-5)",
"--brand-Accordion-toggle-color-pink-blue-start": "var(--base-color-scale-pink-5)",
"--brand-Accordion-toggle-color-purple": "var(--base-color-scale-purple-5)",
"--brand-Accordion-toggle-color-purple-red-end": "var(--base-color-scale-red-5)",
"--brand-Accordion-toggle-color-purple-red-start": "var(--base-color-scale-purple-5)",
"--brand-Accordion-toggle-color-red": "var(--base-color-scale-red-5)",
"--brand-Accordion-toggle-color-red-orange-end": "var(--base-color-scale-orange-5)",
"--brand-Accordion-toggle-color-red-orange-start": "var(--base-color-scale-red-5)",
"--brand-Accordion-toggle-color-start": "var(--brand-color-accent-primary)",
"--brand-Accordion-toggle-color-teal": "var(--base-color-scale-teal-5)",
"--brand-Accordion-toggle-color-yellow": "var(--base-color-scale-yellow-5)",
"--brand-ActionMenu-color-item-hover": "var(--base-color-scale-gray-1)",
"--brand-ActionMenu-color-scrollbar-thumb-bg": "var(--base-color-scale-gray-0)",
"--brand-AnchorNav-link-underline-default": "var(--base-color-scale-gray-4)",
"--brand-AnchorNav-link-underline-pressed": "var(--base-color-scale-black-0)",
"--brand-CTABanner-bgColor": "var(--brand-color-canvas-subtle)",
"--brand-CTABanner-color-heading-emphasis": "var(--base-color-scale-green-7)",
"--brand-CTABanner-color-logo-emphasis": "var(--brand-color-text-default)",
"--brand-CTABanner-color-logo-muted": "var(--brand-color-text-muted)",
"--brand-CTABanner-shadow-color-end": "var(--base-color-scale-blue-5)",
"--brand-CTABanner-shadow-color-start": "var(--base-color-scale-green-6)",
"--brand-Card-background-default": "var(--brand-color-canvas-default)",
"--brand-Card-background-overlay": "rgba(242, 245, 243, 0.2)",
"--brand-ComparisonTable-featured-color-end": "var(--base-color-scale-indigo-5)",
"--brand-ComparisonTable-featured-color-start": "var(--base-color-scale-pink-4)",
"--brand-Eyebrowbanner-bgColor-rest": "#FFFFFF99",
"--brand-Eyebrowbanner-borderColor-rest": "var(--brand-color-border-default)",
"--brand-Eyebrowbanner-fgColor-blue": "var(--base-color-scale-blue-5)",
"--brand-Eyebrowbanner-fgColor-blue-purple-end": "var(--base-color-scale-purple-5)",
"--brand-Eyebrowbanner-fgColor-blue-purple-start": "var(--base-color-scale-blue-5)",
"--brand-Eyebrowbanner-fgColor-coral": "var(--base-color-scale-coral-5)",
"--brand-Eyebrowbanner-fgColor-default-end": "var(--base-color-scale-red-5)",
"--brand-Eyebrowbanner-fgColor-default-middle": "var(--base-color-scale-pink-5)",
"--brand-Eyebrowbanner-fgColor-default-start": "var(--base-color-scale-purple-5)",
"--brand-Eyebrowbanner-fgColor-gray": "var(--base-color-scale-gray-5)",
"--brand-Eyebrowbanner-fgColor-green": "var(--base-color-scale-green-6)",
"--brand-Eyebrowbanner-fgColor-green-blue-end": "var(--base-color-scale-blue-5)",
"--brand-Eyebrowbanner-fgColor-green-blue-start": "var(--base-color-scale-green-6)",
"--brand-Eyebrowbanner-fgColor-indigo": "var(--base-color-scale-indigo-5)",
"--brand-Eyebrowbanner-fgColor-lemon": "var(--base-color-scale-lemon-5)",
"--brand-Eyebrowbanner-fgColor-lime": "var(--base-color-scale-lime-5)",
"--brand-Eyebrowbanner-fgColor-orange": "var(--base-color-scale-orange-5)",
"--brand-Eyebrowbanner-fgColor-pink": "var(--base-color-scale-pink-5)",
"--brand-Eyebrowbanner-fgColor-pink-blue-end": "var(--base-color-scale-blue-5)",
"--brand-Eyebrowbanner-fgColor-pink-blue-start": "var(--base-color-scale-pink-5)",
"--brand-Eyebrowbanner-fgColor-purple": "var(--base-color-scale-purple-5)",
"--brand-Eyebrowbanner-fgColor-purple-red-end": "var(--base-color-scale-red-5)",
"--brand-Eyebrowbanner-fgColor-purple-red-start": "var(--base-color-scale-purple-5)",
"--brand-Eyebrowbanner-fgColor-red": "var(--base-color-scale-red-5)",
"--brand-Eyebrowbanner-fgColor-red-orange-end": "var(--base-color-scale-orange-5)",
"--brand-Eyebrowbanner-fgColor-red-orange-start": "var(--base-color-scale-red-5)",
"--brand-Eyebrowbanner-fgColor-teal": "var(--base-color-scale-teal-5)",
"--brand-Eyebrowbanner-fgColor-yellow": "var(--base-color-scale-yellow-5)",
"--brand-Eyebrowbanner-heading-fgColor": "var(--brand-color-text-default)",
"--brand-Eyebrowbanner-icon-background-blue": "var(--base-color-scale-blue-0)",
"--brand-Eyebrowbanner-icon-background-coral": "var(--base-color-scale-coral-0)",
"--brand-Eyebrowbanner-icon-background-default": "var(--base-color-scale-gray-0)",
"--brand-Eyebrowbanner-icon-background-gray": "var(--base-color-scale-gray-0)",
"--brand-Eyebrowbanner-icon-background-green": "var(--base-color-scale-green-0)",
"--brand-Eyebrowbanner-icon-background-indigo": "var(--base-color-scale-indigo-0)",
"--brand-Eyebrowbanner-icon-background-lemon": "var(--base-color-scale-lemon-0)",
"--brand-Eyebrowbanner-icon-background-lime": "var(--base-color-scale-lime-0)",
"--brand-Eyebrowbanner-icon-background-orange": "var(--base-color-scale-orange-0)",
"--brand-Eyebrowbanner-icon-background-pink": "var(--base-color-scale-pink-0)",
"--brand-Eyebrowbanner-icon-background-purple": "var(--base-color-scale-purple-0)",
"--brand-Eyebrowbanner-icon-background-red": "var(--base-color-scale-red-0)",
"--brand-Eyebrowbanner-icon-background-teal": "var(--base-color-scale-teal-0)",
"--brand-Eyebrowbanner-icon-background-yellow": "var(--base-color-scale-yellow-0)",
"--brand-Eyebrowbanner-subHeading-fgColor": "var(--brand-color-text-muted)",
"--brand-FAQ-color-heading": "var(--brand-color-text-default)",
"--brand-FAQ-color-tabLabel-selected": "var(--brand-color-text-default)",
"--brand-FAQGroup-buttonIndicator-active": "var(--brand-color-accent-primary)",
"--brand-FAQGroup-buttonIndicator-hover": "var(--base-color-scale-gray-5)",
"--brand-FAQGroup-buttonIndicator-idle": "var(--base-color-scale-gray-3)",
"--brand-FrostedGlassVFX-bgColor": "rgba(255, 255, 255, 0.7)",
"--brand-Grid-column-bgColor-overlay": "#fb51544d",
"--brand-IDE-autoSuggest-bgColor": "#0969da",
"--brand-IDE-autoSuggest-borderColor": "var(--base-color-scale-blue-5)",
"--brand-IDE-autoSuggest-fgColor": "var(--base-color-scale-white-0)",
"--brand-IDE-autoSuggestLine-bgColor": "var(--base-color-scale-blue-0)",
"--brand-IDE-borderColor": "var(--brand-color-border-muted);",
"--brand-IDE-default-bgColor": "var(--base-color-scale-gray-1)",
"--brand-IDE-default-editor-bgColor": "var(--base-color-scale-white-0)",
"--brand-IDE-default-editor-tab-bgColor-active": "var(--base-color-scale-white-0)",
"--brand-IDE-default-editor-tab-bgColor-rest": "var(--base-color-scale-gray-0)",
"--brand-IDE-default-editor-tab-borderColor": "var(--base-color-scale-blue-5)",
"--brand-IDE-default-editor-tabs-bgColor": "var(--base-color-scale-gray-0)",
"--brand-IDE-glass-bgColor-rest": "rgba(255, 255, 255, 0.85)",
"--brand-IDE-glass-chat-bgColor": "rgba(255, 255, 255, 0.06)",
"--brand-IDE-glass-editor-bgColor": "rgba(255, 255, 255, 0.06)",
"--brand-IDE-glass-editor-tab-bgColor-active": "rgba(255, 255, 255, 0.06)",
"--brand-IDE-glass-editor-tab-bgColor-rest": "rgba(255, 255, 255, 0.10)",
"--brand-IDE-glass-editor-tabs-bgColor": "transparent",
"--brand-IDE-playPauseControl-hover": "var(--base-color-scale-gray-3)",
"--brand-IDE-playPauseControl-rest": "var(--base-color-scale-gray-2)",
"--brand-IDE-scrollBar-bgColor": "transparent",
"--brand-IDE-scrollBar-fgColor": "var(--base-color-scale-gray-2)",
"--brand-Icon-background-blue": "var(--base-color-scale-blue-0)",
"--brand-Icon-background-coral": "var(--base-color-scale-coral-0)",
"--brand-Icon-background-default": "var(--brand-Icon-background-green)",
"--brand-Icon-background-gray": "var(--base-color-scale-gray-0)",
"--brand-Icon-background-green": "var(--base-color-scale-green-0)",
"--brand-Icon-background-indigo": "var(--base-color-scale-indigo-0)",
"--brand-Icon-background-lemon": "var(--base-color-scale-lemon-0)",
"--brand-Icon-background-lime": "var(--base-color-scale-lime-0)",
"--brand-Icon-background-orange": "var(--base-color-scale-orange-0)",
"--brand-Icon-background-pink": "var(--base-color-scale-pink-0)",
"--brand-Icon-background-purple": "var(--base-color-scale-purple-0)",
"--brand-Icon-background-red": "var(--base-color-scale-red-0)",
"--brand-Icon-background-teal": "var(--base-color-scale-teal-0)",
"--brand-Icon-background-yellow": "var(--base-color-scale-yellow-0)",
"--brand-Icon-color-blue": "var(--base-color-scale-blue-5)",
"--brand-Icon-color-coral": "var(--base-color-scale-coral-5)",
"--brand-Icon-color-default": "var(--brand-Icon-color-green)",
"--brand-Icon-color-gray": "var(--base-color-scale-gray-6)",
"--brand-Icon-color-green": "var(--base-color-scale-green-6)",
"--brand-Icon-color-indigo": "var(--base-color-scale-indigo-5)",
"--brand-Icon-color-lemon": "var(--base-color-scale-lemon-5)",
"--brand-Icon-color-lime": "var(--base-color-scale-lime-5)",
"--brand-Icon-color-orange": "var(--base-color-scale-orange-5)",
"--brand-Icon-color-pink": "var(--base-color-scale-pink-5)",
"--brand-Icon-color-purple": "var(--base-color-scale-purple-5)",
"--brand-Icon-color-red": "var(--base-color-scale-red-5)",
"--brand-Icon-color-teal": "var(--base-color-scale-teal-5)",
"--brand-Icon-color-yellow": "var(--base-color-scale-yellow-5)",
"--brand-InlineLink-color-pressed": "var(--brand-color-text-link-pressed)",
"--brand-InlineLink-color-rest": "var(--brand-color-text-link-rest)",
"--brand-Label-color-blue": "var(--base-color-scale-blue-5)",
"--brand-Label-color-blue-purple-end": "var(--base-color-scale-purple-5)",
"--brand-Label-color-blue-purple-start": "var(--base-color-scale-blue-5)",
"--brand-Label-color-coral": "var(--base-color-scale-coral-5)",
"--brand-Label-color-default": "var(--brand-color-text-default)",
"--brand-Label-color-gray": "var(--base-color-scale-gray-5)",
"--brand-Label-color-green": "var(--base-color-scale-green-6)",
"--brand-Label-color-green-blue-end": "var(--base-color-scale-blue-5)",
"--brand-Label-color-green-blue-purple-1": "#000AFF",
"--brand-Label-color-green-blue-purple-2": "#096BDE",
"--brand-Label-color-green-blue-purple-3": "var(--base-color-scale-green-6)",
"--brand-Label-color-green-blue-purple-4": "#8250DF",
"--brand-Label-color-green-blue-start": "var(--base-color-scale-green-6)",
"--brand-Label-color-indigo": "var(--base-color-scale-indigo-5)",
"--brand-Label-color-lemon": "var(--base-color-scale-lemon-5)",
"--brand-Label-color-lime": "var(--base-color-scale-lime-5)",
"--brand-Label-color-orange": "var(--base-color-scale-orange-5)",
"--brand-Label-color-pink": "var(--base-color-scale-pink-5)",
"--brand-Label-color-pink-blue-end": "var(--base-color-scale-blue-5)",
"--brand-Label-color-pink-blue-start": "var(--base-color-scale-pink-5)",
"--brand-Label-color-purple": "var(--base-color-scale-purple-5)",
"--brand-Label-color-purple-red-end": "var(--base-color-scale-red-5)",
"--brand-Label-color-purple-red-start": "var(--base-color-scale-purple-5)",
"--brand-Label-color-red": "var(--base-color-scale-red-5)",
"--brand-Label-color-red-orange-end": "var(--base-color-scale-orange-5)",
"--brand-Label-color-red-orange-start": "var(--base-color-scale-red-5)",
"--brand-Label-color-teal": "var(--base-color-scale-teal-5)",
"--brand-Label-color-yellow": "var(--base-color-scale-yellow-5)",
"--brand-Link-color-accent": "var(--brand-color-text-link-rest)",
"--brand-Link-color-default": "var(--brand-color-text-default)",
"--brand-LogoSuite-color-control-hover": "var(--base-color-scale-gray-1)",
"--brand-LogoSuite-color-control-rest": "var(--brand-color-canvas-muted)",
"--brand-LogoSuite-color-logo-emphasis": "var(--brand-color-text-default)",
"--brand-LogoSuite-color-logo-muted": "var(--brand-color-text-muted)",
"--brand-NavList-activeIndicator-color": "var(--brand-color-text-emphasized)",
"--brand-PricingOptions-actionsMessage-accentColor": "var(--base-color-scale-blue-5)",
"--brand-PricingOptions-actionsMessage-bgColor": "color-mix(in srgb, var(--base-color-scale-blue-4) 10%, transparent)",
"--brand-PricingOptions-actionsMessage-borderColor": "color-mix(in srgb, var(--base-color-scale-blue-6) 20%, transparent)",
"--brand-PricingOptions-featureList-group-heading-color": "var(--brand-color-text-default)",
"--brand-PricingOptions-item-bgColor-gradient-end": "var(--brand-color-canvas-default)",
"--brand-PricingOptions-item-bgColor-gradient-start": "var(--brand-color-canvas-subtle)",
"--brand-PricingOptions-item-bgColor-solid": "var(--brand-color-canvas-subtle)",
"--brand-Prose-code-bgColor": "var(--base-color-scale-indigo-0)",
"--brand-RiverStoryScroll-content-inactive-bgColor": "var(--brand-color-canvas-default)",
"--brand-RiverStoryScroll-pagination-fgColor": "var(--base-color-scale-gray-6)",
"--brand-SubNav-bgColor": "var(--brand-color-canvas-default)",
"--brand-SubNav-color-link-active": "var(--brand-color-text-default)",
"--brand-SubNav-color-link-bgColor": "#E4EBE6",
"--brand-SubNav-color-link-rest": "var(--brand-color-text-default)",
"--brand-SubdomainNavBar-border-button-hover": "var(--base-color-scale-black-0)",
"--brand-SubdomainNavBar-border-nav-default": "var(--base-color-scale-gray-9)",
"--brand-SubdomainNavBar-border-nav-pressed": "var(--base-color-scale-black-0)",
"--brand-SubdomainNavBar-canvas-default": "#ffffff80",
"--brand-SubdomainNavBar-canvas-overflow-default": "var(--base-color-scale-white-0)",
"--brand-SubdomainNavBar-canvas-overflow-hover": "var(--base-color-scale-gray-0)",
"--brand-SubdomainNavBar-canvas-search": "var(--base-color-scale-white-0)",
"--brand-SubdomainNavBar-fg-overflow-default": "var(--brand-color-text-default)",
"--brand-Tabs-item-accent-bgColor-rest": "var(--base-color-scale-green-6)",
"--brand-Tabs-item-accent-fgColor-rest": "var(--base-color-scale-white-0)",
"--brand-Tabs-item-default-borderColor-active": "var(--brand-color-border-default)",
"--brand-Tabs-item-underline-rest": "var(--base-color-scale-black-0)",
"--brand-Tabs-list-borderWidth-active": "var(--brand-borderWidth-thin)",
"--brand-Testimonial-quote-color-default": "var(--brand-color-text-default)",
"--brand-Testimonial-quote-color-emphasis": "var(--base-color-scale-green-7)",
"--brand-Testimonial-quoteMarkBackground-blue": "var(--base-color-scale-blue-0)",
"--brand-Testimonial-quoteMarkBackground-blue-purple": "var(--base-color-scale-blue-0)",
"--brand-Testimonial-quoteMarkBackground-coral": "var(--base-color-scale-coral-0)",
"--brand-Testimonial-quoteMarkBackground-default": "var(--base-color-scale-gray-0)",
"--brand-Testimonial-quoteMarkBackground-gray": "var(--base-color-scale-gray-0)",
"--brand-Testimonial-quoteMarkBackground-green": "var(--base-color-scale-green-0)",
"--brand-Testimonial-quoteMarkBackground-green-blue": "var(--base-color-scale-green-0)",
"--brand-Testimonial-quoteMarkBackground-indigo": "var(--base-color-scale-indigo-0)",
"--brand-Testimonial-quoteMarkBackground-lemon": "var(--base-color-scale-lemon-0)",
"--brand-Testimonial-quoteMarkBackground-lime": "var(--base-color-scale-lime-0)",
"--brand-Testimonial-quoteMarkBackground-orange": "var(--base-color-scale-orange-0)",
"--brand-Testimonial-quoteMarkBackground-pink": "var(--base-color-scale-pink-0)",
"--brand-Testimonial-quoteMarkBackground-pink-blue": "var(--base-color-scale-pink-0)",
"--brand-Testimonial-quoteMarkBackground-purple": "var(--base-color-scale-purple-0)",
"--brand-Testimonial-quoteMarkBackground-purple-red": "var(--base-color-scale-purple-0)",
"--brand-Testimonial-quoteMarkBackground-red": "var(--base-color-scale-red-0)",
"--brand-Testimonial-quoteMarkBackground-red-orange": "var(--base-color-scale-red-0)",
"--brand-Testimonial-quoteMarkBackground-teal": "var(--base-color-scale-teal-0)",
"--brand-Testimonial-quoteMarkBackground-yellow": "var(--base-color-scale-yellow-0)",
"--brand-Testimonial-quoteMarkColor-blue": "var(--base-color-scale-blue-5)",
"--brand-Testimonial-quoteMarkColor-blue-purple-end": "var(--base-color-scale-purple-5)",
"--brand-Testimonial-quoteMarkColor-blue-purple-start": "var(--base-color-scale-blue-5)",
"--brand-Testimonial-quoteMarkColor-coral": "var(--base-color-scale-coral-5)",
"--brand-Testimonial-quoteMarkColor-default": "var(--brand-color-text-default)",
"--brand-Testimonial-quoteMarkColor-gray": "var(--base-color-scale-gray-5)",
"--brand-Testimonial-quoteMarkColor-green": "var(--base-color-scale-green-6)",
"--brand-Testimonial-quoteMarkColor-green-blue-end": "var(--base-color-scale-blue-5)",
"--brand-Testimonial-quoteMarkColor-green-blue-start": "var(--base-color-scale-green-6)",
"--brand-Testimonial-quoteMarkColor-indigo": "var(--base-color-scale-indigo-5)",
"--brand-Testimonial-quoteMarkColor-lemon": "var(--base-color-scale-lemon-5)",
"--brand-Testimonial-quoteMarkColor-lime": "var(--base-color-scale-lime-5)",
"--brand-Testimonial-quoteMarkColor-orange": "var(--base-color-scale-orange-5)",
"--brand-Testimonial-quoteMarkColor-pink": "var(--base-color-scale-pink-5)",
"--brand-Testimonial-quoteMarkColor-pink-blue-end": "var(--base-color-scale-blue-5)",
"--brand-Testimonial-quoteMarkColor-pink-blue-start": "var(--base-color-scale-pink-5)",
"--brand-Testimonial-quoteMarkColor-purple": "var(--base-color-scale-purple-5)",
"--brand-Testimonial-quoteMarkColor-purple-red-end": "var(--base-color-scale-red-5)",
"--brand-Testimonial-quoteMarkColor-purple-red-start": "var(--base-color-scale-purple-5)",
"--brand-Testimonial-quoteMarkColor-red": "var(--base-color-scale-red-5)",
"--brand-Testimonial-quoteMarkColor-red-orange-end": "var(--base-color-scale-orange-5)",
"--brand-Testimonial-quoteMarkColor-red-orange-start": "var(--base-color-scale-red-5)",
"--brand-Testimonial-quoteMarkColor-teal": "var(--base-color-scale-teal-5)",
"--brand-Testimonial-quoteMarkColor-yellow": "var(--base-color-scale-yellow-5)",
"--brand-TextCursorAnimation-cursor-color": "var(--base-color-scale-green-6)",
"--brand-Timeline-line-color": "var(--brand-color-border-default)",
"--brand-Token-bgColor-accent": "var(--base-color-scale-green-6)",
"--brand-Token-bgColor-default": "var(--base-color-scale-gray-0)",
"--brand-Token-bgColor-hover-accent": "var(--base-color-scale-green-7)",
"--brand-Token-bgColor-hover-default": "var(--base-color-scale-gray-1)",
"--brand-Token-bgColor-hover-invisible": "rgba(0,0,0,0.06)",
"--brand-Token-bgColor-hover-outline": "rgba(0,0,0,0.06)",
"--brand-Token-bgColor-invisible": "var(--base-color-scale-gray-1)",
"--brand-Token-bgColor-outline": "transparent",
"--brand-Token-border-outline": "var(--brand-color-border-muted)",
"--brand-Token-fgColor-accent": "var(--base-color-scale-white-0)",
"--brand-Token-fgColor-default": "var(--brand-color-text-default)",
"--brand-Token-fgColor-invisible": "var(--brand-color-text-default)",
"--brand-Token-fgColor-outline": "var(--brand-color-text-default)",
"--brand-Tooltip-color-default": "var(--brand-color-text-onEmphasis)",
"--brand-blinking-cursor-fgColor": "var(--brand-color-accent-primary)",
"--brand-breadcrumbs-separator-borderColor": "var(--base-color-scale-gray-6)",
"--brand-button-primary-bgColor-disabled": "var(--base-color-scale-gray-4)",
"--brand-button-primary-bgColor-hover": "color-mix(in srgb, var(--base-color-scale-green-6), #000 16%)",
"--brand-button-primary-bgColor-rest": "var(--base-color-scale-green-6)",
"--brand-button-primary-borderColor-active": "var(--base-color-scale-green-7)",
"--brand-button-primary-borderColor-disabled": "transparent",
"--brand-button-primary-borderColor-hover": "transparent",
"--brand-button-primary-borderColor-rest": "transparent",
"--brand-button-primary-fgColor-disabled": "var(--base-color-scale-gray-2)",
"--brand-button-primary-fgColor-rest": "var(--base-color-scale-white-0)",
"--brand-button-secondary-bgColor-active": "rgba(0, 0, 0, 0.2104)",
"--brand-button-secondary-bgColor-hover": "rgba(0, 0, 0, 0.1164)",
"--brand-button-secondary-bgColor-rest": "rgba(0, 0, 0, 0.06)",
"--brand-button-secondary-borderColor-active": "var(--base-color-scale-gray-2)",
"--brand-button-secondary-borderColor-hover": "var(--base-color-scale-gray-2)",
"--brand-button-secondary-borderColor-rest": "var(--base-color-scale-gray-2)",
"--brand-button-secondary-fgColor-disabled": "var(--base-color-scale-gray-3)",
"--brand-button-secondary-fgColor-rest": "var(--brand-color-text-default)",
"--brand-button-subtle-bgColor-active": "rgba(0, 0, 0, 0.2104)",
"--brand-button-subtle-bgColor-hover": "rgba(0, 0, 0, 0.1164)",
"--brand-button-subtle-bgColor-rest": "rgba(0, 0, 0, 0.01)",
"--brand-button-subtle-borderColor-active": "var(--base-color-scale-gray-2)",
"--brand-button-subtle-borderColor-hover": "var(--base-color-scale-gray-2)",
"--brand-button-subtle-borderColor-rest": "var(--base-color-scale-gray-2)",
"--brand-button-subtle-fgColor-disabled": "var(--base-color-scale-gray-3)",
"--brand-button-subtle-fgColor-rest": "var(--brand-color-text-default)",
"--brand-color-accent-primary": "var(--base-color-scale-green-7)",
"--brand-color-accent-secondary": "var(--base-color-scale-yellow-5)",
"--brand-color-border-default": "var(--base-color-scale-gray-4)",
"--brand-color-border-muted": "var(--base-color-scale-gray-1)",
"--brand-color-border-subtle": "var(--base-color-scale-gray-2)",
"--brand-color-canvas-default": "var(--base-color-scale-white-0)",
"--brand-color-canvas-inset": "var(--base-color-scale-gray-0)",
"--brand-color-canvas-invert": "var(--base-color-scale-black-0)",
"--brand-color-canvas-muted": "#FAFAFA",
"--brand-color-canvas-overlay": "var(--base-color-scale-white-0)",
"--brand-color-canvas-subtle": "var(--base-color-scale-gray-0)",
"--brand-color-danger-emphasis": "var(--base-color-scale-red-5)",
"--brand-color-danger-fg": "var(--base-color-scale-red-5)",
"--brand-color-danger-muted": "#FFABA899",
"--brand-color-danger-subtle": "var(--base-color-scale-red-0)",
"--brand-color-error-emphasis": "var(--brand-color-danger-emphasis)",
"--brand-color-error-fg": "var(--brand-color-danger-fg)",
"--brand-color-error-muted": "var(--brand-color-danger-muted)",
"--brand-color-error-subtle": "var(--brand-color-danger-subtle)",
"--brand-color-focus": "var(--base-color-scale-blue-5)",
"--brand-color-neutral-emphasis": "var(--base-color-scale-gray-6)",
"--brand-color-neutral-emphasisPlus": "var(--base-color-scale-gray-8)",
"--brand-color-neutral-muted": "#C4CCC6fe",
"--brand-color-neutral-subtle": "#E4EBE6fe",
"--brand-color-success-emphasis": "var(--base-color-scale-green-5)",
"--brand-color-success-fg": "var(--base-color-scale-green-6)",
"--brand-color-success-muted": "#8CF2A699",
"--brand-color-success-subtle": "var(--base-color-scale-green-1)",
"--brand-color-text-danger": "#CF222E",
"--brand-color-text-default": "var(--base-color-scale-black-0)",
"--brand-color-text-emphasized": "var(--base-color-scale-green-6)",
"--brand-color-text-error": "var(--brand-color-text-danger)",
"--brand-color-text-link-pressed": "var(--base-color-scale-blue-8)",
"--brand-color-text-link-rest": "#005DD5",
"--brand-color-text-muted": "var(--base-color-scale-gray-7)",
"--brand-color-text-onEmphasis": "var(--base-color-scale-white-0)",
"--brand-color-text-subtle": "var(--brand-color-text-muted)",
"--brand-control-checkbox-bg-checked": "var(--base-color-scale-green-6)",
"--brand-control-checkbox-bg-checked-disabled": "color-mix(in srgb, var(--base-color-scale-green-6), #fff 65%)",
"--brand-control-checkbox-bg-checked-hover": "color-mix(in srgb, var(--brand-color-text-emphasized), #000 26%)",
"--brand-control-checkbox-bg-default": "var(--base-color-scale-white-0)",
"--brand-control-checkbox-bg-hover": "var(--brand-color-canvas-subtle)",
"--brand-control-checkbox-bg-indeterminate": "var(--base-color-scale-green-6)",
"--brand-control-checkbox-bg-indeterminate-hover": "color-mix(in srgb, var(--brand-color-text-emphasized), #000 26%)",
"--brand-control-checkbox-border-checked": "var(--base-color-scale-green-6)",
"--brand-control-checkbox-border-checked-disabled": "color-mix(in srgb, var(--base-color-scale-green-6), #fff 65%)",
"--brand-control-checkbox-border-checked-hover": "var(--brand-color-text-emphasized)",
"--brand-control-checkbox-border-default": "var(--base-color-scale-gray-4)",
"--brand-control-checkbox-border-hover": "var(--base-color-scale-gray-4)",
"--brand-control-checkbox-border-indeterminate": "var(--base-color-scale-green-6)",
"--brand-control-checkbox-border-indeterminate-hover": "var(--brand-color-text-emphasized)",
"--brand-control-checkbox-border-unchecked-disabled": "var(--base-color-scale-gray-1)",
"--brand-control-checkbox-fg-checked": "var(--base-color-scale-white-0)",
"--brand-control-checkbox-fg-checked-disabled": "var(--base-color-scale-white-0)",
"--brand-control-color-border-default": "var(--base-color-scale-gray-4)",
"--brand-control-color-border-disabled": "var(--base-color-scale-gray-2)",
"--brand-control-color-canvas-disabled": "var(--base-color-scale-gray-1)",
"--brand-control-color-fg-default": "var(--brand-color-text-default)",
"--brand-control-color-fg-disabled": "var(--base-color-scale-gray-4)",
"--brand-control-color-focus": "var(--base-color-scale-blue-6)",
"--brand-control-radio-bg-checked": "var(--base-color-scale-white-0)",
"--brand-control-radio-bg-checked-hover": "var(--brand-color-canvas-subtle)",
"--brand-control-radio-bg-default": "var(--base-color-scale-white-0)",
"--brand-control-radio-bg-disabled": "var(--brand-color-canvas-default)",
"--brand-control-radio-bg-hover": "var(--brand-color-canvas-subtle)",
"--brand-control-radio-border-checked": "var(--brand-control-color-border-default)",
"--brand-control-radio-border-checked-hover": "var(--brand-control-color-border-default)",
"--brand-control-radio-border-default": "var(--brand-control-color-border-default)",
"--brand-control-radio-border-disabled": "var(--base-color-scale-gray-4)",
"--brand-control-radio-border-hover": "var(--base-color-scale-gray-4)",
"--brand-control-radio-dot-checked": "var(--base-color-scale-green-6)",
"--brand-control-radio-dot-checked-hover": "color-mix(in srgb, var(--brand-color-text-emphasized), #000 26%)",
"--brand-control-radio-dot-default": "var(--base-color-scale-black-0)",
"--brand-footer-bg-color": "var(--base-color-scale-white)",
"--brand-tiles-bgColor-hover": "#F2F5F3",
"--brand-tiles-bgColor-rest": "#fafafa",
"--brand-tiles-highlightColor": "#08872B",
"--brand-videoPlayer-closedCaption-bgColor-enabled": "var(--base-color-scale-gray-0)",
"--brand-videoPlayer-closedCaption-borderColor-enabled": "var(--base-color-scale-gray-0)",
"--brand-videoPlayer-closedCaption-fgColor-disabled": "var(--base-color-scale-gray-0)",
"--brand-videoPlayer-closedCaption-fgColor-enabled": "var(--base-color-scale-black-0)",
"--brand-videoPlayer-controls-bgColor": "var(--base-color-scale-black-0)",
"--brand-videoPlayer-controls-fgColor": "var(--base-color-scale-gray-0)",
"--brand-videoPlayer-playButton-bgColor-rest": "var(--base-color-scale-blue-5)",
"--brand-videoPlayer-playButton-fgColor-rest": "var(--base-color-scale-gray-0)",
"--brand-videoPlayer-range-bgColor-default": "var(--base-color-scale-gray-0)",
"--brand-videoPlayer-range-bgColor-progress": "var(--base-color-scale-blue-4)",
"--brand-videoPlayer-title-fgColor": "var(--base-color-scale-gray-0)"
}