{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "theme-tokens",
  "type": "registry:style",
  "title": "Theme Tokens",
  "description": "Shared CSS tokens and compatibility aliases for Steez UI consumers.",
  "dependencies": [],
  "registryDependencies": [],
  "docs": "Files install at the project root. Import styles/steez/tokens.css once from your global stylesheet or root layout, then import components from components/steez. No Steez npm packages are required.",
  "files": [
    {
      "path": "styles/steez/tokens.css",
      "type": "registry:file",
      "target": "styles/steez/tokens.css",
      "content": "/**\n * Steez UI shared design tokens.\n *\n * This keeps the alias surface stable so consumers can migrate without a\n * variable rename pass.\n */\n\n:root {\n  --color-black: #010607;\n  --color-red: #ee1401;\n  --color-red-light: #ff2612;\n  --color-red-dark: #b30f02;\n  --color-red-muted: #c02d1f;\n  --color-light-gray: #cbcbcc;\n  --color-white: #ffffff;\n\n  --color-bg-primary: #010607;\n  --color-bg-secondary: #0a0a0a;\n  --color-bg-tertiary: #111111;\n  --color-bg-elevated: #111111;\n  --color-bg-muted: #0f0f0f;\n  --color-bg-hover: #222222;\n  --color-bg-content: #010607;\n  --color-bg-tile: #0a0a0a;\n  --color-bg-tile-hover: #0f0f0f;\n\n  --color-text-primary: var(--color-light-gray);\n  --color-text-secondary: #999999;\n  --color-text-muted: #666666;\n  --color-text-disabled: #404040;\n  --color-text-on-accent: var(--color-black);\n\n  --color-accent: var(--color-red);\n  --color-accent-primary: var(--color-red);\n  --color-accent-hover: var(--color-red-light);\n  --color-accent-muted: var(--color-red-muted);\n  --color-accent-dark: var(--color-red-dark);\n  --color-accent-red: var(--color-red);\n\n  --color-border: #2a2a2a;\n  --color-border-default: #2a2a2a;\n  --color-border-hover: #3a3a3a;\n  --color-border-focus: #5a6268;\n  --color-border-active: var(--color-red);\n  --color-border-muted: #1a1a1a;\n  --color-border-light: rgba(203, 203, 204, 0.2);\n\n  --color-status-success: #00ff88;\n  --color-status-success-contrast: #00ff88;\n  --color-status-error: var(--color-red);\n  --color-status-danger: var(--color-status-error);\n  --color-status-warning: #ff9800;\n  --color-status-info: #4a9eff;\n  --color-progress: #00ff9d;\n\n  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.5);\n  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.5);\n  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.5);\n  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.45);\n  --shadow-glow-red: 0 0 20px rgba(238, 20, 1, 0.4);\n  --shadow-glow-green: 0 0 20px rgba(0, 255, 136, 0.3);\n  --shadow-glow-cyan: 0 0 20px rgba(74, 158, 255, 0.3);\n\n  --space-0: 0;\n  --space-px: 1px;\n  --space-1: 0.25rem;\n  --space-2: 0.5rem;\n  --space-3: 0.75rem;\n  --space-4: 1rem;\n  --space-5: 1.25rem;\n  --space-6: 1.5rem;\n  --space-8: 2rem;\n  --space-10: 2.5rem;\n  --space-12: 3rem;\n\n  --spacing-xs: 0.25rem;\n  --spacing-sm: 0.5rem;\n  --spacing-md: 1rem;\n  --spacing-lg: 1.5rem;\n  --spacing-xl: 2rem;\n  --spacing-xxl: 3rem;\n  --panel-padding: 1rem;\n\n  --radius-none: 0;\n  --radius-sm: 4px;\n  --radius-md: 8px;\n  --radius-lg: 12px;\n  --radius-xl: 16px;\n  --radius-full: 9999px;\n\n  --font-display: \"BBH Bartle\", \"Zed Sans\", \"Inter\", \"Segoe UI\", system-ui, -apple-system, sans-serif;\n  --font-primary: \"Zed Sans\", \"Inter\", \"Segoe UI\", system-ui, -apple-system, sans-serif;\n  --font-mono: \"Maple Mono\", \"SF Mono\", \"Cascadia Code\", \"Fira Code\", Monaco, monospace;\n\n  --font-size-xs: 0.75rem;\n  --font-size-sm: 0.875rem;\n  --font-size-base: 1rem;\n  --font-size-lg: 1.125rem;\n  --font-size-xl: 1.25rem;\n  --font-size-2xl: 1.5rem;\n  --font-size-3xl: 2rem;\n\n  --font-weight-normal: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n\n  --transition-fast: 150ms ease;\n  --transition-normal: 220ms ease;\n  --transition-slow: 320ms ease;\n  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n\n  --z-base: 0;\n  --z-dropdown: 10;\n  --z-sticky: 20;\n  --z-fixed: 30;\n  --z-modal-backdrop: 40;\n  --z-modal: 50;\n  --z-tooltip: 70;\n\n  --primary-color: var(--color-accent-primary);\n  --accent-color: var(--color-accent-primary);\n  --accent-color-hover: var(--color-accent-hover);\n\n  --bg-primary: var(--color-bg-primary);\n  --bg-secondary: var(--color-bg-secondary);\n  --bg-tertiary: var(--color-bg-tertiary);\n  --bg-card: var(--color-bg-tile);\n  --bg-hover: var(--color-bg-hover);\n\n  --surface-canvas: var(--bg-primary);\n  --surface-muted: var(--bg-secondary);\n  --surface-raised: var(--bg-tertiary);\n  --surface-hover: var(--bg-hover);\n  --surface-overlay: color-mix(in srgb, var(--bg-primary) 92%, transparent);\n  --surface-outline: var(--border-color);\n\n  --text-primary: var(--color-text-primary);\n  --text-secondary: var(--color-text-secondary);\n  --text-muted: var(--color-text-muted);\n  --text-on-accent: var(--color-text-on-accent);\n\n  --accent-primary: var(--color-accent-primary);\n  --accent-hover: var(--color-accent-hover);\n  --accent-glow: var(--shadow-glow-red);\n  --accent-orange: #fc8503;\n  --accent-orange-dark: #b56917;\n  --accent-red: var(--color-accent-red);\n\n  --interactive-primary-bg: var(--text-primary);\n  --interactive-primary-fg: var(--bg-primary);\n  --interactive-primary-border: var(--text-primary);\n  --interactive-primary-bg-hover: color-mix(in srgb, var(--text-primary) 90%, var(--accent-primary) 10%);\n  --interactive-secondary-bg: var(--surface-canvas);\n  --interactive-secondary-fg: var(--text-primary);\n  --interactive-secondary-border: var(--border-color);\n  --interactive-secondary-bg-hover: var(--color-bg-tile-hover);\n  --interactive-secondary-border-hover: var(--text-primary);\n\n  --input-bg: var(--bg-primary);\n  --input-text: var(--text-primary);\n\n  --success: var(--color-status-success-contrast);\n  --success-hover: #00ffaa;\n  --success-glow: var(--shadow-glow-green);\n  --success-bg: rgba(0, 255, 136, 0.15);\n\n  --warning: var(--color-status-warning);\n  --warning-bg: rgba(255, 152, 0, 0.15);\n\n  --danger: var(--color-status-error);\n  --danger-bg: rgba(238, 20, 1, 0.15);\n  --color-border-danger: var(--danger);\n  --color-bg-danger: var(--danger-bg);\n  --color-text-danger: var(--danger);\n\n  --info: var(--color-status-info);\n  --info-bg: rgba(74, 158, 255, 0.15);\n\n  --progress: var(--color-progress);\n\n  --border: var(--color-border-default);\n  --border-light: var(--color-border-hover);\n  --border-color: var(--color-border-light);\n}\n\n[data-theme=\"light\"] {\n  --color-bg-primary: #fafbfc;\n  --color-bg-secondary: #fafbfc;\n  --color-bg-tertiary: #f4f6f8;\n  --color-bg-elevated: #f4f6f8;\n  --color-bg-muted: #eef1f3;\n  --color-bg-hover: #e7eaee;\n  --color-bg-content: #f7f9fb;\n  --color-bg-tile: #fbfbfd;\n  --color-bg-tile-hover: #f2f5f7;\n\n  --color-text-primary: var(--color-black);\n  --color-text-secondary: #333333;\n  --color-text-muted: #666666;\n  --color-text-disabled: #a0a0a0;\n  --color-text-on-accent: #ffffff;\n\n  --color-border-default: #5a6268;\n  --color-border-hover: #45494d;\n  --color-border-focus: #34383c;\n  --color-border-active: var(--color-red);\n  --color-border-muted: #a8b0b4;\n  --color-border-light: rgba(1, 6, 7, 0.35);\n\n  --color-status-success: #00c853;\n  --color-status-success-contrast: #00c853;\n  --shadow-sm: 0 2px 4px rgba(1, 6, 7, 0.08);\n  --shadow-md: 0 4px 12px rgba(1, 6, 7, 0.12);\n  --shadow-lg: 0 10px 24px rgba(1, 6, 7, 0.14);\n  --shadow-xl: 0 18px 36px rgba(1, 6, 7, 0.18);\n\n  --interactive-primary-bg: var(--color-black);\n  --interactive-primary-fg: var(--color-white);\n  --interactive-primary-border: var(--color-black);\n  --interactive-primary-bg-hover: color-mix(in srgb, var(--color-black) 88%, var(--accent-primary) 12%);\n  --interactive-secondary-bg: var(--color-white);\n  --interactive-secondary-fg: var(--color-black);\n  --interactive-secondary-border: var(--color-border-default);\n  --interactive-secondary-bg-hover: #f2f5f7;\n  --interactive-secondary-border-hover: var(--color-black);\n}\n",
      "source": "packages/theme/src/tokens.css"
    }
  ]
}