{
  "$description": "Brand: Pinterest — light mode",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette pinterest@1.0.0",
      "pinterest-red": {
        "$value": "#E60023",
        "$type": "color",
        "$description": "Signature red — the primary brand color. The Pinterest \"P\" mark, the wordmark, and the \"Save\" pin CTA all render in this hue. Verified hex from Pinterest's brand guidelines and corroborated by the simple-icons brand database citing pinterest.com.\n"
      },
      "pinterest-red-dark": {
        "$value": "#AD081B",
        "$type": "color",
        "$description": "Authored darker red for hover, pressed, and active states on the primary CTA."
      },
      "pinterest-white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Canonical light canvas — the Pinterest product surface."
      },
      "pinterest-near-white": {
        "$value": "#F9F9F9",
        "$type": "color",
        "$description": "Authored panel surface on light mode — pin-card backgrounds."
      },
      "pinterest-text-primary": {
        "$value": "#111111",
        "$type": "color",
        "$description": "Authored body text and headline color on light backgrounds."
      },
      "pinterest-text-secondary": {
        "$value": "#5F5F5F",
        "$type": "color",
        "$description": "Authored secondary text on light backgrounds."
      },
      "pinterest-text-tertiary": {
        "$value": "#767676",
        "$type": "color",
        "$description": "Authored tertiary / muted text on light backgrounds."
      },
      "pinterest-divider-light": {
        "$value": "#EFEFEF",
        "$type": "color",
        "$description": "Authored hairline divider on the light canvas."
      },
      "pinterest-canvas-dark": {
        "$value": "#111111",
        "$type": "color",
        "$description": "Authored dark-mode canvas for Pinterest's product dark theme."
      },
      "pinterest-surface-dark": {
        "$value": "#1F1F1F",
        "$type": "color",
        "$description": "Authored elevated surface on the dark canvas."
      },
      "pinterest-surface-elevated-dark": {
        "$value": "#2A2A2A",
        "$type": "color",
        "$description": "Authored deepest-elevated surface on dark mode."
      },
      "pinterest-text-on-dark": {
        "$value": "#E9E9E9",
        "$type": "color",
        "$description": "Primary text on the dark canvas."
      },
      "pinterest-text-secondary-dark": {
        "$value": "#B0B0B0",
        "$type": "color",
        "$description": "Authored secondary text on the dark canvas."
      },
      "pinterest-green": {
        "$value": "#0FA573",
        "$type": "color",
        "$description": "Authored success accent for status affordances."
      },
      "pinterest-yellow": {
        "$value": "#E8B021",
        "$type": "color",
        "$description": "Authored warning / highlight accent."
      }
    },
    "roles": {
      "$description": "Semantic color roles (light mode) mapped to palette swatches",
      "background": {
        "$value": "{color.swatches.pinterest-white}",
        "$type": "color",
        "$description": "background role → Pinterest White"
      },
      "surface": {
        "$value": "{color.swatches.pinterest-near-white}",
        "$type": "color",
        "$description": "surface role → Pinterest Near-White"
      },
      "surface-elevated": {
        "$value": "{color.swatches.pinterest-white}",
        "$type": "color",
        "$description": "surface-elevated role → Pinterest White"
      },
      "text-primary": {
        "$value": "{color.swatches.pinterest-text-primary}",
        "$type": "color",
        "$description": "text-primary role → Pinterest Text Primary"
      },
      "text-secondary": {
        "$value": "{color.swatches.pinterest-text-secondary}",
        "$type": "color",
        "$description": "text-secondary role → Pinterest Text Secondary"
      },
      "text-tertiary": {
        "$value": "{color.swatches.pinterest-text-tertiary}",
        "$type": "color",
        "$description": "text-tertiary role → Pinterest Text Tertiary"
      },
      "primary": {
        "$value": "{color.swatches.pinterest-red}",
        "$type": "color",
        "$description": "primary role → Pinterest Red"
      },
      "primary-hover": {
        "$value": "{color.swatches.pinterest-red-dark}",
        "$type": "color",
        "$description": "primary-hover role → Pinterest Red Dark"
      },
      "accent": {
        "$value": "{color.swatches.pinterest-red}",
        "$type": "color",
        "$description": "accent role → Pinterest Red"
      },
      "accent-hover": {
        "$value": "{color.swatches.pinterest-red-dark}",
        "$type": "color",
        "$description": "accent-hover role → Pinterest Red Dark"
      },
      "warning": {
        "$value": "{color.swatches.pinterest-yellow}",
        "$type": "color",
        "$description": "warning role → Pinterest Yellow"
      },
      "warning-hover": {
        "$value": "{color.swatches.pinterest-yellow}",
        "$type": "color",
        "$description": "warning-hover role → Pinterest Yellow"
      },
      "error": {
        "$value": "{color.swatches.pinterest-red}",
        "$type": "color",
        "$description": "error role → Pinterest Red"
      },
      "success": {
        "$value": "{color.swatches.pinterest-green}",
        "$type": "color",
        "$description": "success role → Pinterest Green"
      },
      "brand-overrides": {
        "$description": "Brand-level role overrides (take precedence over palette role mappings)",
        "identity": {
          "$value": "{color.swatches.pinterest-red}",
          "$type": "color",
          "$description": "Brand role identity → Pinterest Red"
        },
        "on-identity": {
          "$value": "{color.swatches.pinterest-white}",
          "$type": "color",
          "$description": "Brand role on-identity → Pinterest White"
        },
        "primary": {
          "$value": "{color.swatches.pinterest-red}",
          "$type": "color",
          "$description": "Brand role primary → Pinterest Red"
        },
        "primary-hover": {
          "$value": "{color.swatches.pinterest-red-dark}",
          "$type": "color",
          "$description": "Brand role primary-hover → Pinterest Red Dark"
        },
        "accent": {
          "$value": "{color.swatches.pinterest-red}",
          "$type": "color",
          "$description": "Brand role accent → Pinterest Red"
        },
        "accent-hover": {
          "$value": "{color.swatches.pinterest-red-dark}",
          "$type": "color",
          "$description": "Brand role accent-hover → Pinterest Red Dark"
        },
        "success": {
          "$value": "{color.swatches.pinterest-green}",
          "$type": "color",
          "$description": "Brand role success → Pinterest Green"
        },
        "warning": {
          "$value": "{color.swatches.pinterest-yellow}",
          "$type": "color",
          "$description": "Brand role warning → Pinterest Yellow"
        },
        "error": {
          "$value": "{color.swatches.pinterest-red}",
          "$type": "color",
          "$description": "Brand role error → Pinterest Red"
        },
        "background-light": {
          "$value": "{color.swatches.pinterest-white}",
          "$type": "color",
          "$description": "Brand role background-light → Pinterest White"
        },
        "background-dark": {
          "$value": "{color.swatches.pinterest-canvas-dark}",
          "$type": "color",
          "$description": "Brand role background-dark → Pinterest Canvas Dark"
        },
        "surface-light": {
          "$value": "{color.swatches.pinterest-near-white}",
          "$type": "color",
          "$description": "Brand role surface-light → Pinterest Near-White"
        },
        "surface-dark": {
          "$value": "{color.swatches.pinterest-surface-dark}",
          "$type": "color",
          "$description": "Brand role surface-dark → Pinterest Surface Dark"
        },
        "surface-elevated-dark": {
          "$value": "{color.swatches.pinterest-surface-elevated-dark}",
          "$type": "color",
          "$description": "Brand role surface-elevated-dark → Pinterest Surface Elevated Dark"
        },
        "text-primary-light": {
          "$value": "{color.swatches.pinterest-text-primary}",
          "$type": "color",
          "$description": "Brand role text-primary-light → Pinterest Text Primary"
        },
        "text-primary-dark": {
          "$value": "{color.swatches.pinterest-text-on-dark}",
          "$type": "color",
          "$description": "Brand role text-primary-dark → Pinterest Text on Dark"
        },
        "text-secondary-light": {
          "$value": "{color.swatches.pinterest-text-secondary}",
          "$type": "color",
          "$description": "Brand role text-secondary-light → Pinterest Text Secondary"
        },
        "text-secondary-dark": {
          "$value": "{color.swatches.pinterest-text-secondary-dark}",
          "$type": "color",
          "$description": "Brand role text-secondary-dark → Pinterest Text Secondary on Dark"
        },
        "divider": {
          "$value": "{color.swatches.pinterest-divider-light}",
          "$type": "color",
          "$description": "Brand role divider → Pinterest Divider Light"
        }
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "Pinterest Sans",
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading role → Pinterest Sans (pinterest-sans@1.0.0)"
      },
      "weight": {
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "body": {
      "family": {
        "$value": [
          "Pinterest Sans",
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "body role → Pinterest Sans (pinterest-sans@1.0.0)"
      },
      "weight": {
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "mono": {
      "family": {
        "$value": [
          "JetBrainsMono Nerd Font",
          "JetBrains Mono",
          "Fira Code",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "$type": "fontFamily",
        "$description": "mono role → JetBrainsMono Nerd Font (jetbrainsmono-nerdfont@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    }
  }
}