pranavjrat/top-github-actions
0
1@tailwind base;2@tailwind components;3@tailwind utilities;4 5@layer base {6 :root {7 --background: 0 0% 100%;8 --foreground: 222.2 84% 4.9%;9 10 --card: 0 0% 100%;11 --card-foreground: 222.2 84% 4.9%;12 13 --popover: 0 0% 100%;14 --popover-foreground: 222.2 84% 4.9%;15 16 --primary: 222.2 47.4% 11.2%;17 --primary-foreground: 210 40% 98%;18 19 --secondary: 210 40% 96.1%;20 --secondary-foreground: 222.2 47.4% 11.2%;21 22 --muted: 210 40% 96.1%;23 --muted-foreground: 215.4 16.3% 46.9%;24 25 --accent: 210 40% 96.1%;26 --accent-foreground: 222.2 47.4% 11.2%;27 28 --destructive: 0 84.2% 60.2%;29 --destructive-foreground: 210 40% 98%;30 31 --border: 214.3 31.8% 91.4%;32 --input: 214.3 31.8% 91.4%;33 --ring: 222.2 84% 4.9%;34 35 --radius: 1rem;36 }37}38 39@layer base {40 * {41 @apply border-border;42 }43 body {44 @apply bg-slate-50 text-slate-900 antialiased;45 font-feature-settings: "cv02", "cv03", "cv04", "cv11";46 }47}48 49/* Glassmorphism utility for light theme */50.glass-panel {51 background: rgba(255, 255, 255, 0.7);52 backdrop-filter: blur(16px);53 -webkit-backdrop-filter: blur(16px);54 border: 1px solid rgba(0, 0, 0, 0.05);55}56 57/* Smooth micro-animations */58.hover-card-trigger {59 transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s;60}61 62.hover-card-trigger:hover {63 transform: translateY(-2px);64 border-color: rgba(99, 102, 241, 0.2);65 box-shadow: 0 12px 24px -10px rgba(99, 102, 241, 0.15), 0 4px 12px -5px rgba(0, 0, 0, 0.05);66}67 