{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tokens",
  "title": "Interaction Tokens",
  "description": "Shared interaction-state tokens: surface-relative hover/active overlays (bg-hover, bg-active), the selected fill, the destructive-light ground, the --overlay RGB triplet, the --focus-ring color, and the base-layer :focus-visible fallback ring.",
  "files": [],
  "cssVars": {
    "theme": {
      "color-hover": "var(--hover)",
      "color-active": "var(--active)",
      "color-selected": "var(--selected)",
      "color-destructive-light": "var(--destructive-light)"
    },
    "light": {
      "hover": "rgb(0 0 0 / 0.04)",
      "active": "rgb(0 0 0 / 0.07)",
      "selected": "#D4D4D4",
      "destructive-light": "#FEF2F2",
      "overlay": "0 0 0",
      "focus-ring": "#6B97FF"
    },
    "dark": {
      "hover": "rgb(255 255 255 / 0.06)",
      "active": "rgb(255 255 255 / 0.1)",
      "selected": "#525252",
      "destructive-light": "#450A0A",
      "overlay": "255 255 255"
    }
  },
  "css": {
    "@layer base": {
      ":focus-visible": {
        "outline": "1px solid var(--focus-ring, #6B97FF)",
        "outline-offset": "2px",
        "border-radius": "var(--shape-input-radius, 8px)"
      },
      "a:focus-visible": {
        "border-radius": "2px"
      }
    }
  },
  "docs": "Docs & live playground: https://www.fluidfunctionalism.com/docs/surfaces.",
  "categories": [
    "theme"
  ],
  "type": "registry:theme"
}