{
  "$themes": [
    {
      "id": "light",
      "name": "Light",
      "selectedTokenSets": {
        "global": "enabled",
        "role-light": "enabled",
        "brand": "enabled"
      }
    },
    {
      "id": "dark",
      "name": "Dark",
      "selectedTokenSets": {
        "global": "enabled",
        "role-dark": "enabled",
        "brand": "enabled"
      }
    }
  ],
  "global": {
    "color": {
      "ps-blue": {
        "value": "#0070CC",
        "type": "color",
        "description": "Primary action blue — --color-role-backgrounds-primary- link-base-light (rgb(0 112 204)). The \"Sign In / Buy / Find out more\" CTA fill on the marketing site.\n"
      },
      "ps-blue-link": {
        "value": "#0068BD",
        "type": "color",
        "description": "Inline-link blue — --color-role-text-link-base-light (rgb(0 104 189)). Body-text link color and the standard PlayStation identifier hue.\n"
      },
      "ps-blue-hover": {
        "value": "#0064B7",
        "type": "color",
        "description": "Pressed / active variant — --color-role-backgrounds- primary-link-focus-light (rgb(0 100 183)).\n"
      },
      "ps-blue-active": {
        "value": "#005DAA",
        "type": "color",
        "description": "Deepest pressed state — --color-role-text-link-hover-light (rgb(0 93 170)).\n"
      },
      "ps-blue-deep": {
        "value": "#003697",
        "type": "color",
        "description": "Gradient endpoint — --color-role-section-gradients-blue- start (rgb(0 54 151)). The deep end of the documented \"PlayStation Blue gradient\" (#003697 → #0068BD).\n"
      },
      "ps-blue-bright": {
        "value": "#31A1FF",
        "type": "color",
        "description": "Bright link variant for dark mode — --color-role-text- link-active-dark (rgb(15 146 255)) and adjacent token.\n"
      },
      "ps-blue-pale": {
        "value": "#D4DCE9",
        "type": "color",
        "description": "Pale blue surface — --color-2-darken-10-light. Quiet branded background for secondary-link backgrounds.\n"
      },
      "ps-blue-paler": {
        "value": "#EBEEF0",
        "type": "color",
        "description": "Lightest blue surface — --color-3-light (rgb(235 238 240)). Tertiary page background.\n"
      },
      "ink": {
        "value": "#121314",
        "type": "color",
        "description": "Primary dark canvas — --color-role-page-backgrounds- primary-dark (rgb(18 19 20)). Console UI / dark hero module background.\n"
      },
      "ink-deep": {
        "value": "#090A0A",
        "type": "color",
        "description": "Deepest near-black — --color-role-page-backgrounds- secondary-dark (rgb(9 10 10)). Used for the deepest modal scrims.\n"
      },
      "ink-surface": {
        "value": "#17181A",
        "type": "color",
        "description": "Elevated dark surface — --color-role-gradients-content- dark start (rgb(23 24 26)). Card and panel backgrounds on dark mode.\n"
      },
      "ink-surface-high": {
        "value": "#1F2024",
        "type": "color",
        "description": "High-elevation dark surface — --color-7-dark (rgb(31 32 36)). Modal backgrounds and elevated card chrome.\n"
      },
      "ink-divider": {
        "value": "#2C2D33",
        "type": "color",
        "description": "Quiet divider on dark surface — --color-6-dark (rgb(44 45 51)).\n"
      },
      "paper": {
        "value": "#FFFFFF",
        "type": "color",
        "description": "Primary light canvas — --color-role-page-backgrounds- primary-light. Marketing-site page background.\n"
      },
      "paper-surface": {
        "value": "#F5F7FA",
        "type": "color",
        "description": "Light elevated surface — --color-role-page-backgrounds- secondary-light (rgb(245 247 250)).\n"
      },
      "paper-divider": {
        "value": "#F3F3F3",
        "type": "color",
        "description": "Quiet divider on light surface — --color-8-light / --color-role-borders-divider-line-base-light.\n"
      },
      "ash-text": {
        "value": "#1F1F1F",
        "type": "color",
        "description": "Primary body text — observed as the live body computed color (rgb(31 31 31)).\n"
      },
      "ash-secondary": {
        "value": "#6B6B6B",
        "type": "color",
        "description": "Secondary text — --color-role-text-secondary-light (rgb(107 107 107)).\n"
      },
      "ash-tertiary": {
        "value": "#969799",
        "type": "color",
        "description": "Tertiary text and quiet icon fills — --color-6-light (rgb(150 151 153)).\n"
      },
      "ash-disabled": {
        "value": "#D2D4D9",
        "type": "color",
        "description": "Disabled-link surface — --color-7-light (rgb(210 212 217)).\n"
      },
      "ash-secondary-dark": {
        "value": "#B2B2B2",
        "type": "color",
        "description": "Secondary text on dark surface — --color-role-text- secondary-dark (rgb(178 178 178)).\n"
      },
      "ps-orange": {
        "value": "#D63D00",
        "type": "color",
        "description": "Commerce / \"buy\" orange — --color-role-backgrounds- commerce-link-base-dark (rgb(214 61 0)). Store and checkout primary action.\n"
      },
      "ps-orange-base": {
        "value": "#D53B00",
        "type": "color",
        "description": "Commerce base — --color-role-backgrounds-commerce-link- base-light (rgb(213 59 0)).\n"
      },
      "ps-orange-hover": {
        "value": "#C03500",
        "type": "color",
        "description": "Commerce hover — --color-role-backgrounds-commerce-link- hover-light (rgb(192 53 0)).\n"
      },
      "ps-orange-active": {
        "value": "#AA2F00",
        "type": "color",
        "description": "Commerce active — --color-role-backgrounds-commerce-link- active-light (rgb(170 47 0)).\n"
      },
      "ps-plus-yellow": {
        "value": "#FCC71D",
        "type": "color",
        "description": "PS Plus subscription brand — --color-role-text-ps-plus- light (rgb(252 199 29)). Reserved for PS Plus tiers and subscription affordances.\n"
      },
      "ps-warning": {
        "value": "#C81B3A",
        "type": "color",
        "description": "Warning red — --color-role-text-warning-light (rgb(200 27 58)). Critical alert state.\n"
      },
      "ps-success": {
        "value": "#007A62",
        "type": "color",
        "description": "Success green — --color-role-text-success-light (rgb(0 122 98)). Confirmation surfaces.\n"
      },
      "ps-hint-pink": {
        "value": "#CB2070",
        "type": "color",
        "description": "Hint / tooltip accent — --color-role-text-hint-light (rgb(203 32 112)). Used for the documented \"hint\" affordance on form fields.\n"
      }
    },
    "fontFamily": {
      "heading": {
        "value": "Inter",
        "type": "fontFamilies",
        "description": "inter@1.0.0 · sans-serif"
      },
      "body": {
        "value": "Inter",
        "type": "fontFamilies",
        "description": "inter@1.0.0 · sans-serif"
      },
      "mono": {
        "value": "JetBrainsMono Nerd Font",
        "type": "fontFamilies",
        "description": "jetbrainsmono-nerdfont@1.0.0 · monospace"
      }
    },
    "fontStack": {
      "heading": {
        "value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "body": {
        "value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "mono": {
        "value": [
          "JetBrainsMono Nerd Font",
          "JetBrains Mono",
          "Fira Code",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "type": "fontFamilies"
      }
    }
  },
  "role-light": {
    "color": {
      "background": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.paper-surface}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.ash-text}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.ash-secondary}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.ash-tertiary}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.ps-blue}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.ps-blue-hover}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.ps-blue-link}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.ps-blue-active}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.ps-orange}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.ps-orange-active}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.ps-warning}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.ps-success}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.paper-divider}",
        "type": "color"
      }
    }
  },
  "role-dark": {
    "color": {
      "background": {
        "value": "{global.color.ink}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.ink-surface}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.ink-surface-high}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.ash-secondary-dark}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.ash-secondary}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.ps-blue}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.ps-blue-bright}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.ps-blue-bright}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.ps-blue}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.ps-orange}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.ps-orange-active}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.ps-warning}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.ps-success}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.ink-divider}",
        "type": "color"
      }
    }
  },
  "brand": {
    "color": {
      "identity": {
        "value": "{global.color.ink}",
        "type": "color"
      },
      "on-identity": {
        "value": "{global.color.ps-blue-bright}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.ps-blue}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.ps-blue-hover}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.ps-blue-link}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.ps-blue-active}",
        "type": "color"
      },
      "mark": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.ps-success}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.ps-orange}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.ps-warning}",
        "type": "color"
      },
      "text-primary-light": {
        "value": "{global.color.ash-text}",
        "type": "color"
      },
      "text-primary-dark": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "background-light": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "background-dark": {
        "value": "{global.color.ink}",
        "type": "color"
      },
      "surface-light": {
        "value": "{global.color.paper-surface}",
        "type": "color"
      },
      "surface-dark": {
        "value": "{global.color.ink-surface}",
        "type": "color"
      },
      "text-secondary-light": {
        "value": "{global.color.ash-secondary}",
        "type": "color"
      },
      "text-tertiary-light": {
        "value": "{global.color.ash-tertiary}",
        "type": "color"
      },
      "border-light": {
        "value": "{global.color.paper-divider}",
        "type": "color"
      }
    }
  },
  "$metadata": {
    "name": "PlayStation",
    "ref": "playstation@1.0.0",
    "paletteRef": "playstation@1.0.0",
    "generatedBy": "brand-atoms converter"
  }
}