{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "launchui",
  "type": "registry:ui",
  "title": "Launch UI Base",
  "description": "Base styles, CSS utilities, and configuration for Launch UI components.",
  "files": [
    {
      "path": "app/globals.css",
      "content": "@import \"tailwindcss\";\n@import \"../styles/utils.css\";\n\n@import \"tw-animate-css\";\n\n@custom-variant dark (&:where(.dark, .dark *));\n\n@theme inline {\n  /* Colors */\n  --color-brand: var(--brand);\n  --color-brand-foreground: var(--brand-foreground);\n  --color-light: var(--light);\n  --color-light-foreground: var(--light-foreground);\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --color-sidebar-ring: var(--sidebar-ring);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar: var(--sidebar);\n  --color-chart-5: var(--chart-5);\n  --color-chart-4: var(--chart-4);\n  --color-chart-3: var(--chart-3);\n  --color-chart-2: var(--chart-2);\n  --color-chart-1: var(--chart-1);\n  --color-ring: var(--ring);\n  --color-input: var(--input);\n  --color-border: var(--border);\n  --color-destructive-foreground: var(--destructive-foreground);\n  --color-destructive: var(--destructive);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-accent: var(--accent);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-muted: var(--muted);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-secondary: var(--secondary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-primary: var(--primary);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-popover: var(--popover);\n  --color-card-foreground: var(--card-foreground);\n  --color-card: var(--card);\n\n  /* Radius */\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n  --radius-xl: calc(var(--radius) + 4px);\n  --radius-2xl: calc(var(--radius) + 8px);\n\n  /* Spacing */\n  --spacing-container: 1280px;\n  --spacing-container-lg: 1536px;\n\n  /* Shadows */\n  --shadow-md: 0 4px 6px -1px var(--shadow), 0 2px 4px -2px var(--shadow);\n  --shadow-xl: 0 20px 25px -5px var(--shadow), 0 8px 10px -6px var(--shadow);\n  --shadow-2xl: 0 25px 50px -12px var(--shadow);\n  --shadow-mockup: -12px 16px 48px var(--shadow-strong);\n\n  /* Separators */\n  --line-width: 1px;\n\n  /* Animations */\n  --animate-accordion-down: accordion-down 0.2s ease-out;\n  --animate-accordion-up: accordion-up 0.2s ease-out;\n  --animate-appear: appear 0.6s forwards ease-out;\n  --animate-appear-zoom: appear-zoom 0.6s forwards ease-out;\n\n  /* Breakpoints */\n  --breakpoint-xs: 30rem;\n\n  @keyframes accordion-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--radix-accordion-content-height);\n    }\n  }\n  @keyframes accordion-up {\n    from {\n      height: var(--radix-accordion-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n  @keyframes appear {\n    0% {\n      opacity: 0;\n      transform: translateY(1rem);\n      filter: blur(0.5rem);\n    }\n    50% {\n      filter: blur(0);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0);\n      filter: blur(0);\n    }\n  }\n  @keyframes appear-zoom {\n    0% {\n      opacity: 0;\n      transform: scale(0.5);\n    }\n    100% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n}\n\n:root {\n  /* Accent colors */\n  --brand: oklch(66.5% 0.1804 47.04);\n  --brand-foreground: oklch(75.77% 0.159 55.91);\n\n  /* Customized shadcn/ui colors */\n  --background: oklch(97.65% 0.001 17.18);\n  --foreground: oklch(0.141 0.005 285.823);\n  --card: oklch(1 0 0);\n  --card-foreground: oklch(0.141 0.005 285.823);\n  --popover: oklch(1 0 0);\n  --popover-foreground: oklch(0.141 0.005 285.823);\n  --primary: oklch(66.5% 0.1804 47.04);\n  --primary-foreground: oklch(0.985 0 0);\n  --secondary: oklch(0.967 0.001 286.375);\n  --secondary-foreground: oklch(0.21 0.006 285.885);\n  --muted: oklch(0.967 0.001 286.375);\n  --muted-foreground: oklch(0.552 0.016 285.938);\n  --accent: oklch(0.927 0.001 286.375);\n  --accent-foreground: oklch(0.21 0.006 285.885);\n  --destructive: oklch(0.577 0.245 27.325);\n  --destructive-foreground: oklch(0.577 0.245 27.325);\n  --border: oklch(0.92 0.004 286.32);\n  --input: oklch(0.92 0.004 286.32);\n  --ring: oklch(0.705 0.015 286.067);\n  --chart-1: oklch(0.646 0.222 41.116);\n  --chart-2: oklch(0.6 0.118 184.704);\n  --chart-3: oklch(0.398 0.07 227.392);\n  --chart-4: oklch(0.828 0.189 84.429);\n  --chart-5: oklch(0.769 0.188 70.08);\n  --radius: 0.625rem;\n  --sidebar: oklch(0.985 0 0);\n  --sidebar-foreground: oklch(0.141 0.005 285.823);\n  --sidebar-primary: oklch(0.21 0.006 285.885);\n  --sidebar-primary-foreground: oklch(0.985 0 0);\n  --sidebar-accent: oklch(0.967 0.001 286.375);\n  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);\n  --sidebar-border: oklch(0.92 0.004 286.32);\n  --sidebar-ring: oklch(0.705 0.015 286.067);\n\n  /* Illustrations colors */\n  --light: var(--brand);\n  --light-foreground: var(--brand-foreground);\n\n  /* Shadows */\n  --shadow: #00000008;\n  --shadow-strong: #00000008;\n}\n\n.dark {\n  /* Accent colors */\n  --brand: oklch(83.6% 0.1177 66.87);\n  --brand-foreground: oklch(75.77% 0.159 55.91);\n\n  /* Customized shadcn/ui colors */\n  --background: oklch(0.141 0.005 285.823);\n  --foreground: oklch(0.985 0 0);\n  --card: oklch(0.141 0.005 285.823);\n  --card-foreground: oklch(0.985 0 0);\n  --popover: oklch(0.141 0.005 285.823);\n  --popover-foreground: oklch(0.985 0 0);\n  --primary: oklch(0.985 0 0);\n  --primary-foreground: oklch(0.21 0.006 285.885);\n  --secondary: oklch(0.274 0.006 286.033);\n  --secondary-foreground: oklch(0.985 0 0);\n  --muted: oklch(0.274 0.006 286.033);\n  --muted-foreground: oklch(0.705 0.015 286.067);\n  --accent: oklch(0.274 0.006 286.033);\n  --accent-foreground: oklch(0.985 0 0);\n  --destructive: oklch(0.396 0.141 25.723);\n  --destructive-foreground: oklch(0.637 0.237 25.331);\n  --border: oklch(0.885 0.006 286.033);\n  --input: oklch(0.274 0.006 286.033);\n  --ring: oklch(0.442 0.017 285.786);\n  --chart-1: oklch(0.488 0.243 264.376);\n  --chart-2: oklch(0.696 0.17 162.48);\n  --chart-3: oklch(0.769 0.188 70.08);\n  --chart-4: oklch(0.627 0.265 303.9);\n  --chart-5: oklch(0.645 0.246 16.439);\n  --sidebar: oklch(0.21 0.006 285.885);\n  --sidebar-foreground: oklch(0.985 0 0);\n  --sidebar-primary: oklch(0.488 0.243 264.376);\n  --sidebar-primary-foreground: oklch(0.985 0 0);\n  --sidebar-accent: oklch(0.274 0.006 286.033);\n  --sidebar-accent-foreground: oklch(0.985 0 0);\n  --sidebar-border: oklch(0.274 0.006 286.033);\n  --sidebar-ring: oklch(0.442 0.017 285.786);\n\n  /* Illustrations colors */\n  --light: var(--foreground);\n  --light-foreground: var(--foreground);\n\n  /* Shadows */\n  --shadow: #00000020;\n  --shadow-strong: #00000088;\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}\n",
      "type": "registry:style",
      "target": "app/globals.css"
    },
    {
      "path": "styles/utils.css",
      "content": "/* Glass effects */\n@utility glass-1 {\n  @apply border-border from-card/80 to-card/40 dark:border-border/10 dark:border-b-border/5 dark:border-t-border/20 dark:from-card/5 dark:to-card/0 border bg-linear-to-b;\n}\n@utility glass-2 {\n  @apply border-border from-card/100 to-card/80 dark:border-border/10 dark:border-b-border/5 dark:border-t-border/20 dark:from-card/10 dark:to-card/5 border bg-linear-to-b;\n}\n@utility glass-3 {\n  @apply border-border from-card/30 to-card/20 dark:border-border/10 dark:border-t-border/20 dark:border-b-border/5 dark:from-primary/5 dark:to-primary/2 border bg-linear-to-b;\n}\n@utility glass-4 {\n  @apply border-border border-b-input/90 from-card/60 to-card/20 dark:border-border/10 dark:border-t-border/30 dark:from-primary/10 dark:to-primary/5 border bg-linear-to-b dark:border-b-0;\n}\n@utility glass-5 {\n  @apply border-border border-b-input from-card/100 to-card/20 dark:border-border/10 dark:border-t-border/30 dark:from-primary/15 dark:to-primary/5 border bg-linear-to-b dark:border-b-0;\n}\n\n/* Fade effects */\n@utility fade-x {\n  mask-image: linear-gradient(\n    to right,\n    transparent 0%,\n    black 25%,\n    black 75%,\n    transparent 100%\n  );\n}\n@utility fade-y {\n  mask-image: linear-gradient(\n    to top,\n    transparent 0%,\n    black 25%,\n    black 75%,\n    transparent 100%\n  );\n}\n@utility fade-top {\n  mask-image: linear-gradient(to bottom, transparent 0%, black 35%);\n}\n@utility fade-bottom {\n  mask-image: linear-gradient(to top, transparent 0%, black 35%);\n}\n@utility fade-top-lg {\n  mask-image: linear-gradient(to bottom, transparent 15%, black 100%);\n}\n@utility fade-bottom-lg {\n  mask-image: linear-gradient(to top, transparent 15%, black 100%);\n}\n@utility fade-left {\n  mask-image: linear-gradient(to right, transparent 0%, black 35%);\n}\n@utility fade-right {\n  mask-image: linear-gradient(to left, transparent 0%, black 35%);\n}\n@utility fade-left-lg {\n  mask-image: linear-gradient(to right, transparent 15%, black 100%);\n}\n@utility fade-right-lg {\n  mask-image: linear-gradient(to left, transparent 15%, black 100%);\n}\n\n@utility line-y {\n  @apply border-border dark:border-border/10;\n  border-width: 0 var(--line-width, 0);\n}\n\n@utility line-x {\n  @apply border-border dark:border-border/10;\n  border-width: var(--line-width, 0) 0;\n}\n\n@utility line-b {\n  @apply border-border dark:border-border/10;\n  border-width: 0 0 var(--line-width, 0);\n}\n\n@utility line-t {\n  @apply border-border dark:border-border/10;\n  border-width: var(--line-width, 0) 0;\n}\n\n@utility line-dashed {\n  @apply border-dashed;\n}\n",
      "type": "registry:style",
      "target": "styles/utils.css"
    },
    {
      "path": "components/ui/section.tsx",
      "content": "import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Section({ className, ...props }: React.ComponentProps<\"section\">) {\n  return (\n    <section\n      data-slot=\"section\"\n      className={cn(\"line-b px-4 py-12 sm:py-24 md:py-32\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Section };\n",
      "type": "registry:ui",
      "target": "components/ui/section.tsx"
    },
    {
      "path": "public/placeholder-light.svg",
      "content": "<svg width=\"1280\" height=\"800\" viewBox=\"0 0 1280 800\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\">\n  <rect width=\"1280\" height=\"800\" fill=\"#f4f4f5\"/>\n  <g transform=\"translate(592, 352)\" stroke=\"#71717a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\">\n    <rect width=\"72\" height=\"72\" x=\"12\" y=\"12\" rx=\"8\" ry=\"8\"/>\n    <circle cx=\"36\" cy=\"36\" r=\"8\"/>\n    <path d=\"M84 60l-12.34-12.34a8 8 0 0 0-11.32 0L24 84\"/>\n  </g>\n</svg>\n",
      "type": "registry:file",
      "target": "public/placeholder-light.svg"
    },
    {
      "path": "public/placeholder-dark.svg",
      "content": "<svg width=\"1280\" height=\"800\" viewBox=\"0 0 1280 800\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\">\n  <rect width=\"1280\" height=\"800\" fill=\"#27272a\"/>\n  <g transform=\"translate(592, 352)\" stroke=\"#a1a1aa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\">\n    <rect width=\"72\" height=\"72\" x=\"12\" y=\"12\" rx=\"8\" ry=\"8\"/>\n    <circle cx=\"36\" cy=\"36\" r=\"8\"/>\n    <path d=\"M84 60l-12.34-12.34a8 8 0 0 0-11.32 0L24 84\"/>\n  </g>\n</svg>\n",
      "type": "registry:file",
      "target": "public/placeholder-dark.svg"
    },
    {
      "path": "public/placeholder-portrait-light.svg",
      "content": "<svg width=\"450\" height=\"920\" viewBox=\"0 0 450 920\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\">\n  <rect width=\"450\" height=\"920\" fill=\"#f4f4f5\"/>\n  <g transform=\"translate(177, 412)\" stroke=\"#71717a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\">\n    <rect width=\"72\" height=\"72\" x=\"12\" y=\"12\" rx=\"8\" ry=\"8\"/>\n    <circle cx=\"36\" cy=\"36\" r=\"8\"/>\n    <path d=\"M84 60l-12.34-12.34a8 8 0 0 0-11.32 0L24 84\"/>\n  </g>\n</svg>\n",
      "type": "registry:file",
      "target": "public/placeholder-portrait-light.svg"
    },
    {
      "path": "public/placeholder-portrait-dark.svg",
      "content": "<svg width=\"450\" height=\"920\" viewBox=\"0 0 450 920\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\">\n  <rect width=\"450\" height=\"920\" fill=\"#27272a\"/>\n  <g transform=\"translate(177, 412)\" stroke=\"#a1a1aa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\">\n    <rect width=\"72\" height=\"72\" x=\"12\" y=\"12\" rx=\"8\" ry=\"8\"/>\n    <circle cx=\"36\" cy=\"36\" r=\"8\"/>\n    <path d=\"M84 60l-12.34-12.34a8 8 0 0 0-11.32 0L24 84\"/>\n  </g>\n</svg>\n",
      "type": "registry:file",
      "target": "public/placeholder-portrait-dark.svg"
    },
    {
      "path": "public/placeholder-square-light.svg",
      "content": "<svg width=\"400\" height=\"400\" viewBox=\"0 0 400 400\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\">\n  <rect width=\"400\" height=\"400\" fill=\"#f4f4f5\"/>\n  <g transform=\"translate(152, 152)\" stroke=\"#71717a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\">\n    <rect width=\"72\" height=\"72\" x=\"12\" y=\"12\" rx=\"8\" ry=\"8\"/>\n    <circle cx=\"36\" cy=\"36\" r=\"8\"/>\n    <path d=\"M84 60l-12.34-12.34a8 8 0 0 0-11.32 0L24 84\"/>\n  </g>\n</svg>\n",
      "type": "registry:file",
      "target": "public/placeholder-square-light.svg"
    },
    {
      "path": "public/placeholder-square-dark.svg",
      "content": "<svg width=\"400\" height=\"400\" viewBox=\"0 0 400 400\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\">\n  <rect width=\"400\" height=\"400\" fill=\"#27272a\"/>\n  <g transform=\"translate(152, 152)\" stroke=\"#a1a1aa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\">\n    <rect width=\"72\" height=\"72\" x=\"12\" y=\"12\" rx=\"8\" ry=\"8\"/>\n    <circle cx=\"36\" cy=\"36\" r=\"8\"/>\n    <path d=\"M84 60l-12.34-12.34a8 8 0 0 0-11.32 0L24 84\"/>\n  </g>\n</svg>\n",
      "type": "registry:file",
      "target": "public/placeholder-square-dark.svg"
    },
    {
      "path": "public/placeholder-avatar.svg",
      "content": "<svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\">\n  <rect width=\"100\" height=\"100\" fill=\"#a1a1aa\"/>\n  <g transform=\"translate(26, 26)\" stroke=\"#f4f4f5\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\">\n    <circle cx=\"24\" cy=\"16\" r=\"10\"/>\n    <path d=\"M40 42a16 16 0 0 0-32 0\"/>\n  </g>\n</svg>\n",
      "type": "registry:file",
      "target": "public/placeholder-avatar.svg"
    }
  ]
}