{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sevenui-tokens",
  "title": "SevenUI Tokens",
  "description": "SevenUI design tokens: surfaces, hairlines, elevation, focus ring and density variables. Never overrides a shadcn variable.",
  "cssVars": {
    "theme": {
      "--color-surface-tray": "var(--surface-tray)",
      "--color-surface-panel": "var(--surface-panel)",
      "--color-surface-raised": "var(--surface-raised)",
      "--color-surface-inset": "var(--surface-inset)",
      "--color-hairline": "var(--hairline)",
      "--color-hairline-strong": "var(--hairline-strong)",
      "--shadow-highlight": "var(--elevation-highlight)",
      "--shadow-inset": "var(--elevation-inset)",
      "--shadow-raised": "var(--elevation-raised)",
      "--shadow-overlay": "var(--elevation-overlay)",
      "--ease-spring": "cubic-bezier(0.3, 1.4, 0.5, 1)",
      "--ease-snappy": "cubic-bezier(0.2, 0, 0, 1)"
    },
    "light": {
      "surface-tray": "color-mix(in oklch, var(--background) 40%, var(--muted))",
      "surface-panel": "var(--card)",
      "surface-raised": "var(--popover)",
      "surface-inset": "var(--background)",
      "hairline": "color-mix(in oklch, var(--foreground) 8%, transparent)",
      "hairline-strong": "color-mix(in oklch, var(--foreground) 13%, transparent)",
      "elevation-highlight": "inset 0 1px 0 rgb(255 255 255 / 0.9)",
      "elevation-inset": "inset 0 1px 2px rgb(0 0 0 / 0.05)",
      "elevation-raised": "0 1px 2px rgb(0 0 0 / 0.06)",
      "elevation-overlay": "0 30px 60px -30px rgb(20 22 30 / 0.25)"
    },
    "dark": {
      "surface-tray": "color-mix(in oklch, var(--background) 30%, var(--card))",
      "surface-panel": "color-mix(in oklch, var(--card), var(--foreground) 4%)",
      "surface-raised": "color-mix(in oklch, var(--popover), var(--foreground) 7%)",
      "surface-inset": "color-mix(in oklch, var(--background), black 25%)",
      "hairline": "color-mix(in oklch, var(--foreground) 7%, transparent)",
      "hairline-strong": "color-mix(in oklch, var(--foreground) 12%, transparent)",
      "elevation-highlight": "inset 0 1px 0 rgb(255 255 255 / 0.06)",
      "elevation-inset": "inset 0 1px 2px rgb(0 0 0 / 0.4)",
      "elevation-raised": "0 1px 2px rgb(0 0 0 / 0.3)",
      "elevation-overlay": "0 30px 60px -30px rgb(0 0 0 / 0.8)"
    }
  },
  "css": {
    "@utility focus-ring": {
      "outline": "var(--focus-width) solid var(--focus-color, var(--ring))",
      "outline-offset": "var(--focus-gap)"
    },
    ":root": {
      "--focus-width": "1.5px",
      "--focus-gap": "2px",
      "--control-h": "2.125rem",
      "--control-px": "0.75rem",
      "--control-gap": "0.5rem",
      "--control-text": "0.8125rem",
      "--panel-pad": "1.125rem",
      "--item-h": "2rem"
    },
    "[data-density=compact]": {
      "--control-h": "1.75rem",
      "--control-px": "0.5625rem",
      "--control-gap": "0.375rem",
      "--control-text": "0.78125rem",
      "--panel-pad": "0.75rem",
      "--item-h": "1.625rem"
    }
  },
  "type": "registry:theme"
}