@srcroot/ui 0.0.37 → 0.0.40

package/src/registry/themes/gradients.css

@@ -1,236 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap');
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-    :root {
-        --background: 0 0% 100%;
-        --foreground: 250 20% 10%;
-
-        --card: 0 0% 100%;
-        --card-foreground: 250 20% 10%;
-
-        --popover: 0 0% 100%;
-        --popover-foreground: 250 20% 10%;
-
-        --primary: 246 80% 60%;
-        --primary-foreground: 0 0% 100%;
-
-        --secondary: 320 85% 55%;
-        --secondary-foreground: 0 0% 100%;
-
-        --muted: 250 20% 96%;
-        --muted-foreground: 250 10% 45%;
-
-        --accent: 320 85% 55%;
-        --accent-foreground: 0 0% 100%;
-
-        --destructive: 0 84.2% 60.2%;
-        --destructive-foreground: 210 40% 98%;
-
-        --border: 250 15% 90%;
-        --input: 250 15% 90%;
-        --ring: 246 80% 60%;
-
-        --radius: 0.75rem;
-
-        /* Custom brand colors */
-        --brand-purple: 246 80% 60%;
-        --brand-magenta: 320 85% 55%;
-        --brand-light: 300 60% 97%;
-
-        /* Gradients */
-        --gradient-brand: linear-gradient(135deg, hsl(246 80% 60%) 0%, hsl(320 85% 55%) 100%);
-        --gradient-hero: linear-gradient(135deg, hsl(270 60% 95%) 0%, hsl(320 70% 95%) 50%, hsl(246 60% 95%) 100%);
-        --gradient-card: linear-gradient(180deg, hsl(0 0% 100%) 0%, hsl(300 60% 98%) 100%);
-
-        /* Shadows */
-        --shadow-sm: 0 2px 8px -2px hsl(246 80% 60% / 0.1);
-        --shadow-md: 0 8px 24px -4px hsl(246 80% 60% / 0.15);
-        --shadow-lg: 0 16px 48px -8px hsl(246 80% 60% / 0.2);
-        --shadow-glow: 0 0 40px hsl(320 85% 55% / 0.3);
-
-        --sidebar-background: 0 0% 98%;
-        --sidebar-foreground: 240 5.3% 26.1%;
-        --sidebar-primary: 240 5.9% 10%;
-        --sidebar-primary-foreground: 0 0% 98%;
-        --sidebar-accent: 240 4.8% 95.9%;
-        --sidebar-accent-foreground: 240 5.9% 10%;
-        --sidebar-border: 220 13% 91%;
-        --sidebar-ring: 217.2 91.2% 59.8%;
-    }
-
-    .dark {
-        --background: 250 20% 6%;
-        --foreground: 0 0% 98%;
-
-        --card: 250 20% 8%;
-        --card-foreground: 0 0% 98%;
-
-        --popover: 250 20% 8%;
-        --popover-foreground: 0 0% 98%;
-
-        --primary: 246 80% 65%;
-        --primary-foreground: 250 20% 6%;
-
-        --secondary: 320 85% 60%;
-        --secondary-foreground: 0 0% 100%;
-
-        --muted: 250 20% 15%;
-        --muted-foreground: 250 10% 60%;
-
-        --accent: 320 85% 60%;
-        --accent-foreground: 0 0% 100%;
-
-        --destructive: 0 62.8% 30.6%;
-        --destructive-foreground: 210 40% 98%;
-
-        --border: 250 20% 18%;
-        --input: 250 20% 18%;
-        --ring: 246 80% 65%;
-
-        --brand-purple: 246 80% 65%;
-        --brand-magenta: 320 85% 60%;
-        --brand-light: 250 20% 12%;
-
-        --gradient-brand: linear-gradient(135deg, hsl(246 80% 65%) 0%, hsl(320 85% 60%) 100%);
-        --gradient-hero: linear-gradient(135deg, hsl(250 30% 12%) 0%, hsl(320 30% 15%) 50%, hsl(246 30% 12%) 100%);
-        --gradient-card: linear-gradient(180deg, hsl(250 20% 10%) 0%, hsl(300 20% 12%) 100%);
-
-        --shadow-sm: 0 2px 8px -2px hsl(0 0% 0% / 0.3);
-        --shadow-md: 0 8px 24px -4px hsl(0 0% 0% / 0.4);
-        --shadow-lg: 0 16px 48px -8px hsl(0 0% 0% / 0.5);
-        --shadow-glow: 0 0 40px hsl(320 85% 60% / 0.2);
-
-        --sidebar-background: 240 5.9% 10%;
-        --sidebar-foreground: 240 4.8% 95.9%;
-        --sidebar-primary: 224.3 76.3% 48%;
-        --sidebar-primary-foreground: 0 0% 100%;
-        --sidebar-accent: 240 3.7% 15.9%;
-        --sidebar-accent-foreground: 240 4.8% 95.9%;
-        --sidebar-border: 240 3.7% 15.9%;
-        --sidebar-ring: 217.2 91.2% 59.8%;
-    }
-}
-
-@layer base {
-    * {
-        @apply border-border;
-    }
-
-    body {
-        @apply bg-background text-foreground font-sans antialiased;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        @apply font-display font-bold tracking-tight;
-    }
-}
-
-@layer utilities {
-    .gradient-brand {
-        background: var(--gradient-brand);
-    }
-
-    .gradient-hero {
-        background: var(--gradient-hero);
-    }
-
-    .gradient-card {
-        background: var(--gradient-card);
-    }
-
-    .text-gradient {
-        background: var(--gradient-brand);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
-    }
-
-    .shadow-brand-sm {
-        box-shadow: var(--shadow-sm);
-    }
-
-    .shadow-brand-md {
-        box-shadow: var(--shadow-md);
-    }
-
-    .shadow-brand-lg {
-        box-shadow: var(--shadow-lg);
-    }
-
-    .shadow-glow {
-        box-shadow: var(--shadow-glow);
-    }
-}
-
-@layer components {
-    .animate-fade-up {
-        animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    .animate-fade-in {
-        animation: fadeIn 0.5s ease-out forwards;
-    }
-
-    .animate-scale-in {
-        animation: scaleIn 0.4s ease-out forwards;
-    }
-
-    .animate-slide-in {
-        animation: slideIn 0.5s ease-out forwards;
-    }
-}
-
-@keyframes fadeUp {
-    from {
-        opacity: 0;
-        transform: translateY(30px);
-    }
-
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-    }
-
-    to {
-        opacity: 1;
-    }
-}
-
-@keyframes scaleIn {
-    from {
-        opacity: 0;
-        transform: scale(0.95);
-    }
-
-    to {
-        opacity: 1;
-        transform: scale(1);
-    }
-}
-
-@keyframes slideIn {
-    from {
-        opacity: 0;
-        transform: translateX(-20px);
-    }
-
-    to {
-        opacity: 1;
-        transform: translateX(0);
-    }
-}