.dark.theme-pumpkin { --background: 0 30% 4%; --foreground: 20 50% 95%; --card: 0 25% 8%; --card-foreground: 20 50% 95%; --popover: 0 25% 8%; --popover-foreground: 20 50% 95%; --primary: 10 100% 50%; --primary-foreground: 0 0% 100%; --secondary: 30 100% 50%; --secondary-foreground: 0 0% 0%; --muted: 0 12% 15%; --muted-foreground: 20 10% 55%; --accent: 10 100% 50%; --accent-foreground: 0 0% 100%; --destructive: 0 70% 50%; --destructive-foreground: 210 40% 98%; --border: 10 30% 18%; --input: 10 30% 18%; --ring: 10 100% 50%; --radius: 0.5rem; --sidebar: 0 30% 4%; --sidebar-foreground: 20 50% 95%; --sidebar-primary: 10 100% 50%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 10 100% 50%; --sidebar-accent-foreground: 0 0% 100%; --sidebar-border: 10 30% 15%; --sidebar-ring: 10 100% 50%; } .light.theme-pumpkin { --background: 20 30% 96%; --foreground: 10 50% 10%; --card: 0 0% 100%; --card-foreground: 10 50% 10%; --popover: 0 0% 100%; --popover-foreground: 10 50% 10%; --primary: 10 90% 45%; --primary-foreground: 0 0% 100%; --secondary: 30 90% 45%; --secondary-foreground: 0 0% 100%; --muted: 20 15% 88%; --muted-foreground: 10 10% 45%; --accent: 10 90% 45%; --accent-foreground: 0 0% 100%; --destructive: 0 80% 50%; --destructive-foreground: 0 0% 100%; --border: 20 15% 82%; --input: 20 15% 82%; --ring: 10 90% 45%; --radius: 0.5rem; --sidebar: 0 0% 100%; --sidebar-foreground: 10 50% 10%; --sidebar-primary: 10 90% 45%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 10 90% 45%; --sidebar-accent-foreground: 0 0% 100%; --sidebar-border: 20 15% 82%; --sidebar-ring: 10 90% 45%; } .dark.theme-pumpkin body { background: transparent radial-gradient(ellipse 120% 60% at 20% 30%, rgba(200, 0, 0, 0.2) 0%, transparent 60%), radial-gradient(ellipse 80% 50% at 80% 70%, rgba(255, 100, 0, 0.15) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 50% 50%, rgba(150, 0, 0, 0.1) 0%, transparent 50%); } .dark.theme-pumpkin body > div { background: transparent !important; } .light.theme-pumpkin body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 80% 50% at 15% 20%, rgba(200, 50, 0, 0.04) 0%, transparent 60%), radial-gradient(ellipse 80% 50% at 85% 80%, rgba(255, 100, 0, 0.03) 0%, transparent 60%); } .dark.theme-pumpkin .text-glow { text-shadow: 0 0 10px hsl(10, 100%, 50%), 0 0 30px hsl(10, 100%, 50%), 0 0 60px rgba(255, 0, 0, 0.5); } .light.theme-pumpkin .text-glow { text-shadow: 0 0 8px hsl(10, 90%, 45%), 0 0 20px hsl(10, 90%, 45%), 0 0 40px rgba(200, 50, 0, 0.3); } .dark.theme-pumpkin h1, .dark.theme-pumpkin h2, .dark.theme-pumpkin h3 { background: linear-gradient(135deg, hsl(10, 100%, 50%), hsl(30, 100%, 50%)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .light.theme-pumpkin h1, .light.theme-pumpkin h2, .light.theme-pumpkin h3 { background: linear-gradient(135deg, hsl(10, 90%, 40%), hsl(30, 90%, 40%)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .dark.theme-pumpkin a { color: hsl(10, 100%, 55%); } .light.theme-pumpkin a { color: hsl(10, 90%, 40%); } .dark.theme-pumpkin a:hover { color: hsl(30, 100%, 55%); text-shadow: 0 0 8px rgba(255, 100, 0, 0.4); } .light.theme-pumpkin a:hover { color: hsl(30, 90%, 45%); } .dark.theme-pumpkin blockquote { border-left: 3px solid hsl(10, 100%, 50%); color: hsl(20, 15%, 70%); font-style: italic; } .light.theme-pumpkin blockquote { border-left: 3px solid hsl(10, 90%, 45%); color: hsl(10, 10%, 45%); font-style: italic; } .dark.theme-pumpkin code { color: hsl(10, 100%, 55%); background: rgba(200, 0, 0, 0.12); border: 1px solid rgba(200, 0, 0, 0.15); } .light.theme-pumpkin code { color: hsl(10, 90%, 40%); background: rgba(200, 50, 0, 0.05); border: 1px solid rgba(200, 50, 0, 0.1); } .dark.theme-pumpkin pre { background: rgba(20, 0, 0, 0.9); border: 1px solid rgba(200, 0, 0, 0.1); } .light.theme-pumpkin pre { background: rgba(200, 50, 0, 0.03); border: 1px solid rgba(200, 50, 0, 0.08); } .dark.theme-pumpkin hr { border-color: rgba(200, 0, 0, 0.15); } .light.theme-pumpkin hr { border-color: rgba(200, 50, 0, 0.1); } .dark.theme-pumpkin table th { color: hsl(10, 100%, 55%); } .light.theme-pumpkin table th { color: hsl(10, 90%, 40%); } .dark.theme-pumpkin table td { border-color: rgba(200, 0, 0, 0.12); } .light.theme-pumpkin table td { border-color: rgba(200, 50, 0, 0.1); } .dark.theme-pumpkin ::selection { background: rgba(200, 0, 0, 0.2); color: hsl(0, 0%, 100%); } .light.theme-pumpkin ::selection { background: rgba(200, 50, 0, 0.12); color: hsl(0, 0%, 0%); } .dark.theme-pumpkin input::placeholder, .dark.theme-pumpkin textarea::placeholder { color: hsl(20, 10%, 40%); } .light.theme-pumpkin input::placeholder, .light.theme-pumpkin textarea::placeholder { color: hsl(10, 10%, 65%); } .dark.theme-pumpkin .page-header-title { color: hsl(10, 100%, 55%); } .light.theme-pumpkin .page-header-title { color: hsl(10, 90%, 40%); } .dark.theme-pumpkin .stat-card-value { color: hsl(10, 100%, 55%); } .light.theme-pumpkin .stat-card-value { color: hsl(10, 90%, 40%); } .dark.theme-pumpkin .badge { color: hsl(10, 100%, 55%); } .light.theme-pumpkin .badge { color: hsl(10, 90%, 40%); } .dark.theme-pumpkin .sm\:grid-cols-2.lg\:grid-cols-3.gap-4.mt-4 > .relative:nth-child(odd) .group .h-1.w-full { background: linear-gradient(to right, hsl(10, 100%, 50%), hsl(10, 100%, 65%), hsl(10, 100%, 50%)) !important; } .dark.theme-pumpkin .sm\:grid-cols-2.lg\:grid-cols-3.gap-4.mt-4 > .relative:nth-child(even) .group .h-1.w-full { background: linear-gradient(to right, hsl(30, 100%, 50%), hsl(30, 100%, 65%), hsl(30, 100%, 50%)) !important; } .dark.theme-pumpkin .sm\:grid-cols-2.lg\:grid-cols-3.gap-4.mt-4 > .relative:nth-child(odd) .group .rounded-xl.shrink-0 { background: hsla(10, 100%, 50%, 0.1) !important; } .dark.theme-pumpkin .sm\:grid-cols-2.lg\:grid-cols-3.gap-4.mt-4 > .relative:nth-child(even) .group .rounded-xl.shrink-0 { background: hsla(30, 100%, 50%, 0.1) !important; } .dark.theme-pumpkin .sm\:grid-cols-2.lg\:grid-cols-3.gap-4.mt-4 > .relative:nth-child(odd) .group .rounded-xl.shrink-0 svg { color: hsl(10, 100%, 50%) !important; } .dark.theme-pumpkin .sm\:grid-cols-2.lg\:grid-cols-3.gap-4.mt-4 > .relative:nth-child(even) .group .rounded-xl.shrink-0 svg { color: hsl(30, 100%, 50%) !important; } .dark.theme-pumpkin .sm\:grid-cols-2.lg\:grid-cols-3.gap-4.mt-4 > .relative:nth-child(odd) .group .absolute.bottom-0.h-1 { background: linear-gradient(to right, transparent, hsla(10, 100%, 50%, 0.25), transparent) !important; } .dark.theme-pumpkin .sm\:grid-cols-2.lg\:grid-cols-3.gap-4.mt-4 > .relative:nth-child(even) .group .absolute.bottom-0.h-1 { background: linear-gradient(to right, transparent, hsla(30, 100%, 50%, 0.25), transparent) !important; } .dark.theme-pumpkin .sm\:grid-cols-2.lg\:grid-cols-3.gap-4.mt-4 .rounded-full.bg-gradient-to-r { background: linear-gradient(to right, hsl(10, 100%, 50%), hsl(30, 100%, 50%)) !important; } .light.theme-pumpkin .sm\:grid-cols-2.lg\:grid-cols-3.gap-4.mt-4 > .relative:nth-child(odd) .group .h-1.w-full { background: linear-gradient(to right, hsl(10, 90%, 45%), hsl(10, 90%, 55%), hsl(10, 90%, 45%)) !important; } .light.theme-pumpkin .sm\:grid-cols-2.lg\:grid-cols-3.gap-4.mt-4 > .relative:nth-child(even) .group .h-1.w-full { background: linear-gradient(to right, hsl(30, 90%, 45%), hsl(30, 90%, 55%), hsl(30, 90%, 45%)) !important; } .dark.theme-pumpkin .growth-word, .light.theme-pumpkin .growth-word { -webkit-text-fill-color: #1BB0CE !important; color: #1BB0CE !important; background: none !important; }