{
  "meta": {
    "name": "black-yellow",
    "displayName": "Black&Yellow",
    "description": "Tema con CTA solar yellow (#e4f222) sobre tinta casi-negra y grises cálidos. Inspiración: la paleta y geometría de ramp.com — botón primario amarillo solar, esquinas cuadradas, tipografía sans-serif geométrica. Las variables del tema referencian tokens --hg-color-* (incluidos los nuevos --hg-color-solar y --hg-color-solar-light) para mantener coherencia con el design system global.",
    "version": "1.0.0",
    "author": "holygrailcss"
  },
  "tokenOverrides": {
    "color": {
      "solar": "#e4f222",
      "solar-light": "#f5ff78",
      "ink": "#0c0a08",
      "paper": "#ffffff",
      "surface": "#f4f2f0",
      "border": "#d2cecb",
      "muted": "#6e6a68"
    },
    "spacing": {}
  },
  "componentVars": {
    "btn": {
      "primary-bg": "var(--hg-color-solar)",
      "primary-color": "var(--hg-color-primary)",
      "primary-hover-bg": "var(--hg-color-solar-light)",

      "secondary-bg": "var(--hg-color-primary)",
      "secondary-color": "var(--hg-color-white)",
      "secondary-hover-bg": "var(--hg-color-grey-ultra)",

      "outline-border": "var(--hg-color-primary)",
      "outline-color": "var(--hg-color-primary)",
      "outline-hover-bg": "var(--hg-color-primary)",
      "outline-hover-color": "var(--hg-color-white)",

      "ghost-color": "var(--hg-color-primary)",
      "ghost-hover-bg": "var(--hg-color-light-grey)",

      "feel-bg": "var(--hg-color-blaze)",
      "feel-color": "var(--hg-color-white)",
      "feel-hover-bg": "var(--hg-color-feel-dark)",

      "padding-x-sm": "var(--hg-spacing-12)",
      "padding-y-sm": "var(--hg-spacing-8)",
      "padding-x-md": "var(--hg-spacing-16)",
      "padding-y-md": "var(--hg-spacing-12)",
      "padding-x-lg": "var(--hg-spacing-24)",
      "padding-y-lg": "var(--hg-spacing-16)"
    },
    "input": {
      "border": "var(--hg-color-middle-grey)",
      "border-focus": "var(--hg-color-primary)",
      "bg": "var(--hg-color-white)",
      "color": "var(--hg-color-primary)",
      "placeholder": "var(--hg-color-dark-grey)",
      "error-border": "var(--hg-color-error)",
      "success-border": "var(--hg-color-success)",
      "warning-border": "var(--hg-color-warning)",
      "padding-x": "var(--hg-spacing-16)",
      "padding-y": "var(--hg-spacing-12)",
      "gap": "var(--hg-spacing-8)"
    },
    "label": {
      "color": "var(--hg-color-primary)",
      "required": "var(--hg-color-error)"
    },
    "checkbox": {
      "bg": "var(--hg-color-white)",
      "border": "var(--hg-color-middle-grey)",
      "checked-bg": "var(--hg-color-primary)",
      "checked-border": "var(--hg-color-primary)"
    },
    "radio": {
      "bg": "var(--hg-color-white)",
      "border": "var(--hg-color-middle-grey)",
      "checked-bg": "var(--hg-color-primary)",
      "checked-border": "var(--hg-color-primary)"
    },
    "switch": {
      "bg": "var(--hg-color-middle-grey)",
      "active-bg": "var(--hg-color-primary)",
      "thumb": "var(--hg-color-white)"
    },
    "form-group": {
      "gap": "var(--hg-spacing-16)"
    }
  },
  "design": {
    "border-radius": "0",
    "border-width": "1px",
    "border-style": "solid",
    "transition": "all 0.2s ease"
  }
}