{
  "$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": {
      "hug-yellow": {
        "value": "#FFD21E",
        "type": "color",
        "description": "Hugging Face's published primary — the warm yellow of the hug-mark."
      },
      "hug-yellow-deep": {
        "value": "#E6B800",
        "type": "color",
        "description": "Pressed / hover variant of hug-yellow for interactive surfaces."
      },
      "hug-orange": {
        "value": "#FF9D00",
        "type": "color",
        "description": "Hugging Face's published secondary — a warm orange that pairs with the yellow primary."
      },
      "hug-orange-deep": {
        "value": "#CC7E00",
        "type": "color",
        "description": "Pressed / hover variant of hug-orange."
      },
      "hug-neutral": {
        "value": "#6B7280",
        "type": "color",
        "description": "Hugging Face's published neutral gray — the body-meta tone."
      },
      "hub-canvas": {
        "value": "#FFFFFF",
        "type": "color",
        "description": "Page canvas — the bright neutral surface huggingface.co reads against."
      },
      "hub-surface": {
        "value": "#F9FAFB",
        "type": "color",
        "description": "Subtle elevated surface; one step warmer than canvas."
      },
      "hub-surface-elevated": {
        "value": "#F3F4F6",
        "type": "color",
        "description": "Card / panel surface elevated above hub-surface."
      },
      "hub-border": {
        "value": "#E5E7EB",
        "type": "color",
        "description": "Quiet divider on the hub canvas."
      },
      "hub-ink": {
        "value": "#111827",
        "type": "color",
        "description": "Primary text on hub canvas — deep slate near-black."
      },
      "hub-ink-secondary": {
        "value": "#374151",
        "type": "color",
        "description": "Secondary text; muted slate for body copy de-emphasis."
      },
      "hub-ink-tertiary": {
        "value": "#6B7280",
        "type": "color",
        "description": "Tertiary text / metadata tone — same hex as the published hug-neutral."
      },
      "hub-night": {
        "value": "#0B0F19",
        "type": "color",
        "description": "Dark-mode canvas — the deep slate the hub flips to."
      },
      "hub-night-surface": {
        "value": "#1F2937",
        "type": "color",
        "description": "Elevated surface in dark mode."
      },
      "hub-night-border": {
        "value": "#374151",
        "type": "color",
        "description": "Quiet divider on the hub-night canvas."
      },
      "hub-success": {
        "value": "#16A34A",
        "type": "color",
        "description": "Confirmation / positive state green."
      },
      "hub-error": {
        "value": "#DC2626",
        "type": "color",
        "description": "Error / destructive state red."
      }
    },
    "fontFamily": {
      "heading": {
        "value": "Source Sans 3",
        "type": "fontFamilies",
        "description": "source-sans-3@1.0.0 · sans-serif"
      },
      "body": {
        "value": "Source Sans 3",
        "type": "fontFamilies",
        "description": "source-sans-3@1.0.0 · sans-serif"
      },
      "mono": {
        "value": "JetBrainsMono Nerd Font",
        "type": "fontFamilies",
        "description": "jetbrainsmono-nerdfont@1.0.0 · monospace"
      }
    },
    "fontStack": {
      "heading": {
        "value": [
          "Source Sans 3",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "body": {
        "value": [
          "Source Sans 3",
          "-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.hub-canvas}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.hub-surface}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.hub-surface-elevated}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.hub-ink}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.hub-ink-secondary}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.hub-ink-tertiary}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.hug-yellow}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.hug-yellow-deep}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.hug-orange}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.hug-orange-deep}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.hub-success}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.hug-orange}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.hub-error}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.hub-border}",
        "type": "color"
      }
    }
  },
  "role-dark": {
    "color": {
      "background": {
        "value": "{global.color.hub-night}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.hub-night-surface}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.hub-ink-secondary}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.hub-canvas}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.hub-surface-elevated}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.hub-ink-tertiary}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.hug-yellow}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.hug-yellow-deep}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.hug-orange}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.hug-orange-deep}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.hub-success}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.hug-orange}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.hub-error}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.hub-night-border}",
        "type": "color"
      }
    }
  },
  "brand": {
    "color": {
      "identity": {
        "value": "{global.color.hug-yellow}",
        "type": "color"
      },
      "on-identity": {
        "value": "{global.color.hub-ink}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.hug-yellow}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.hug-yellow-deep}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.hug-orange}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.hug-orange-deep}",
        "type": "color"
      },
      "mark": {
        "value": "{global.color.hug-yellow}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.hub-success}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.hug-orange}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.hub-error}",
        "type": "color"
      },
      "text-primary-light": {
        "value": "{global.color.hub-ink}",
        "type": "color"
      },
      "text-primary-dark": {
        "value": "{global.color.hub-canvas}",
        "type": "color"
      },
      "background-light": {
        "value": "{global.color.hub-canvas}",
        "type": "color"
      },
      "background-dark": {
        "value": "{global.color.hub-night}",
        "type": "color"
      },
      "surface-light": {
        "value": "{global.color.hub-surface}",
        "type": "color"
      },
      "surface-dark": {
        "value": "{global.color.hub-night-surface}",
        "type": "color"
      },
      "text-secondary-light": {
        "value": "{global.color.hub-ink-secondary}",
        "type": "color"
      },
      "text-tertiary-light": {
        "value": "{global.color.hub-ink-tertiary}",
        "type": "color"
      },
      "border-light": {
        "value": "{global.color.hub-border}",
        "type": "color"
      }
    }
  },
  "$metadata": {
    "name": "Hugging Face",
    "ref": "huggingface@1.0.0",
    "paletteRef": "huggingface@1.0.0",
    "generatedBy": "brand-atoms converter"
  }
}