{
  "$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": {
      "inky": {
        "value": "#100E12",
        "type": "color",
        "description": "Primary dark canvas — Perplexity's documented dark theme-color meta."
      },
      "inky-deep": {
        "value": "#082125",
        "type": "color",
        "description": "Deepest near-black accent with cool cyan undertone."
      },
      "inky-elevated": {
        "value": "#1F2121",
        "type": "color",
        "description": "Elevated surface on dark canvas."
      },
      "inky-quiet": {
        "value": "#211B1A",
        "type": "color",
        "description": "Subtle surface accent on dark canvas."
      },
      "paper": {
        "value": "#FCFCF9",
        "type": "color",
        "description": "Light canvas — Perplexity's documented light theme-color meta."
      },
      "paper-elevated": {
        "value": "#F5F5F5",
        "type": "color",
        "description": "Subtle elevated surface on Paper canvas."
      },
      "paper-warm": {
        "value": "#F7F7F8",
        "type": "color",
        "description": "Off-white text on dark canvas; warm fallback."
      },
      "peacock": {
        "value": "#1FB8CD",
        "type": "color",
        "description": "Perplexity's signature peacock teal — the primary brand accent."
      },
      "peacock-bright": {
        "value": "#32B8C6",
        "type": "color",
        "description": "Bright peacock variant — primary action button."
      },
      "peacock-deep": {
        "value": "#139FB2",
        "type": "color",
        "description": "Pressed-peacock variant for hover state."
      },
      "peacock-soft": {
        "value": "#92DCE2",
        "type": "color",
        "description": "Soft peacock for tinted backgrounds and hover states."
      },
      "peacock-button": {
        "value": "#35BDC8",
        "type": "color",
        "description": "Bright teal as rendered on docs primary buttons."
      },
      "peacock-banner": {
        "value": "#1A6872",
        "type": "color",
        "description": "Deep peacock — banner / dark-mode primary surface."
      },
      "peacock-pale": {
        "value": "#27CAE0",
        "type": "color",
        "description": "Pale peacock — soft tint variant."
      },
      "marigold": {
        "value": "#F0B435",
        "type": "color",
        "description": "Marigold gold — editorial accent (Pro / Max indicators)."
      },
      "marigold-soft": {
        "value": "#FFAB44",
        "type": "color",
        "description": "Soft marigold tint."
      },
      "marigold-pale": {
        "value": "#FEF08A",
        "type": "color",
        "description": "Pale marigold tint."
      },
      "rust": {
        "value": "#E68161",
        "type": "color",
        "description": "Rust orange — editorial accent."
      },
      "ember": {
        "value": "#E10600",
        "type": "color",
        "description": "Ember red — destructive action."
      },
      "violet-soft": {
        "value": "#C48ED8",
        "type": "color",
        "description": "Soft violet — data-viz accent."
      },
      "text-on-paper": {
        "value": "#121516",
        "type": "color",
        "description": "Body text on the Paper canvas — deep ink."
      },
      "text-on-inky": {
        "value": "#E0E0E0",
        "type": "color",
        "description": "Body text on the Inky canvas — soft warm white."
      },
      "text-secondary": {
        "value": "#5D5F5F",
        "type": "color",
        "description": "Secondary text on either canvas."
      },
      "border-quiet": {
        "value": "#84754E",
        "type": "color",
        "description": "Quiet border — captured in dark-mode dot-bg literals."
      }
    },
    "fontFamily": {
      "heading": {
        "value": "Space Grotesk",
        "type": "fontFamilies",
        "description": "space-grotesk@1.0.0 · sans-serif"
      },
      "body": {
        "value": "Space Grotesk",
        "type": "fontFamilies",
        "description": "space-grotesk@1.0.0 · sans-serif"
      },
      "serif": {
        "value": "PT Serif",
        "type": "fontFamilies",
        "description": "pt-serif@1.0.0 · serif"
      },
      "mono": {
        "value": "Geist Mono",
        "type": "fontFamilies",
        "description": "geist-mono@1.0.0 · monospace"
      }
    },
    "fontStack": {
      "heading": {
        "value": [
          "Space Grotesk",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "body": {
        "value": [
          "Space Grotesk",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "serif": {
        "value": [
          "PT Serif",
          "Charter",
          "Georgia",
          "Times New Roman",
          "serif"
        ],
        "type": "fontFamilies"
      },
      "mono": {
        "value": [
          "Geist Mono",
          "SFMono-Regular",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "Courier New",
          "monospace"
        ],
        "type": "fontFamilies"
      }
    }
  },
  "role-light": {
    "color": {
      "background": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.paper-elevated}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.text-on-paper}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.text-secondary}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.border-quiet}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.peacock-deep}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.peacock-banner}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.peacock}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.peacock-deep}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.marigold}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.marigold-soft}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.ember}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.peacock}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.paper-elevated}",
        "type": "color"
      }
    }
  },
  "role-dark": {
    "color": {
      "background": {
        "value": "{global.color.inky}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.inky-elevated}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.inky-quiet}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.text-on-inky}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.paper-warm}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.text-secondary}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.peacock-bright}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.peacock-soft}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.peacock}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.peacock-soft}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.marigold}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.marigold-soft}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.ember}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.peacock-pale}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.inky-quiet}",
        "type": "color"
      }
    }
  },
  "brand": {
    "color": {
      "identity": {
        "value": "{global.color.inky}",
        "type": "color"
      },
      "on-identity": {
        "value": "{global.color.text-on-inky}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.peacock-bright}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.peacock-soft}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.peacock}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.peacock-deep}",
        "type": "color"
      },
      "mark": {
        "value": "{global.color.peacock}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.peacock-pale}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.marigold}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.ember}",
        "type": "color"
      },
      "text-primary-light": {
        "value": "{global.color.text-on-paper}",
        "type": "color"
      },
      "text-primary-dark": {
        "value": "{global.color.text-on-inky}",
        "type": "color"
      },
      "background-light": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "background-dark": {
        "value": "{global.color.inky}",
        "type": "color"
      },
      "surface-light": {
        "value": "{global.color.paper-elevated}",
        "type": "color"
      },
      "surface-dark": {
        "value": "{global.color.inky-elevated}",
        "type": "color"
      },
      "text-secondary-light": {
        "value": "{global.color.text-secondary}",
        "type": "color"
      },
      "text-tertiary-light": {
        "value": "{global.color.border-quiet}",
        "type": "color"
      },
      "border-light": {
        "value": "{global.color.paper-elevated}",
        "type": "color"
      },
      "border-dark": {
        "value": "{global.color.inky-quiet}",
        "type": "color"
      }
    }
  },
  "$metadata": {
    "name": "Perplexity",
    "ref": "perplexity@1.0.0",
    "paletteRef": "perplexity@1.0.0",
    "generatedBy": "brand-atoms converter"
  }
}