Minha conta - Soluções Gráficas e Brindes

@tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { /* Neo-Print Visionary - Light Mode */ --background: 0 0% 98%; --foreground: 0 0% 10%; --card: 0 0% 100%; --card-foreground: 0 0% 10%; --popover: 0 0% 100%; --popover-foreground: 0 0% 10%; /* CMYK Digital Colors */ --primary: 195 100% 47%; /* Cyan #00AEEF */ --primary-foreground: 0 0% 98%; --secondary: 328 98% 47%; /* Magenta #EC008C */ --secondary-foreground: 0 0% 98%; --accent: 51 100% 50%; /* Yellow #FFF200 */ --accent-foreground: 0 0% 10%; /* Additional Brand Colors */ --health-blue: 199 89% 48%; /* Health Blue #1292C9 */ --health-blue-foreground: 0 0% 98%; --coral-vibrant: 14 100% 63%; /* Coral Vibrant #FF6B47 */ --coral-vibrant-foreground: 0 0% 98%; --muted: 0 0% 94%; --muted-foreground: 0 0% 45%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89%; --input: 0 0% 89%; --ring: 195 100% 47%; /* Neo-Print Gradients */ --gradient-cyan: linear-gradient(135deg, hsl(195 100% 47%), hsl(195 100% 57%)); --gradient-magenta: linear-gradient(135deg, hsl(328 98% 47%), hsl(328 98% 57%)); --gradient-yellow: linear-gradient(135deg, hsl(51 100% 50%), hsl(51 100% 60%)); --gradient-cmyk: linear-gradient(135deg, hsl(195 100% 47%), hsl(328 98% 47%), hsl(51 100% 50%)); /* Glassmorphism */ --glass-bg: rgba(255, 255, 255, 0.7); --glass-border: rgba(255, 255, 255, 0.18); /* Shadows with CMYK colors */ --shadow-cyan: 0 10px 40px -10px hsla(195, 100%, 47%, 0.4); --shadow-magenta: 0 10px 40px -10px hsla(328, 98%, 47%, 0.4); --shadow-yellow: 0 10px 40px -10px hsla(51, 100%, 50%, 0.4); --shadow-elevation: 0 2px 8px rgba(0, 0, 0, 0.05); --radius: 0.75rem; --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 195 100% 47%; --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: 195 100% 47%; } .dark { /* Neo-Print Visionary - Dark Mode (Rich Black) */ --background: 0 0% 10%; /* Rich Black #1A1A1A */ --foreground: 0 0% 98%; /* Ice White */ --card: 0 0% 12%; --card-foreground: 0 0% 98%; --popover: 0 0% 12%; --popover-foreground: 0 0% 98%; /* CMYK Digital Colors - Same vibrant colors in dark mode */ --primary: 195 100% 47%; /* Cyan #00AEEF */ --primary-foreground: 0 0% 10%; --secondary: 328 98% 47%; /* Magenta #EC008C */ --secondary-foreground: 0 0% 98%; --accent: 51 100% 50%; /* Yellow #FFF200 */ --accent-foreground: 0 0% 10%; /* Additional Brand Colors */ --health-blue: 199 89% 48%; /* Health Blue #1292C9 */ --health-blue-foreground: 0 0% 98%; --coral-vibrant: 14 100% 63%; /* Coral Vibrant #FF6B47 */ --coral-vibrant-foreground: 0 0% 98%; --muted: 0 0% 18%; --muted-foreground: 0 0% 65%; --destructive: 0 62.8% 50%; --destructive-foreground: 0 0% 98%; --border: 0 0% 20%; --input: 0 0% 20%; --ring: 195 100% 47%; /* Glassmorphism for dark mode */ --glass-bg: rgba(26, 26, 26, 0.7); --glass-border: rgba(255, 255, 255, 0.1); /* Enhanced shadows for dark mode */ --shadow-cyan: 0 10px 40px -10px hsla(195, 100%, 47%, 0.5); --shadow-magenta: 0 10px 40px -10px hsla(328, 98%, 47%, 0.5); --shadow-yellow: 0 10px 40px -10px hsla(51, 100%, 50%, 0.5); --shadow-elevation: 0 2px 8px rgba(0, 0, 0, 0.3); --sidebar-background: 240 5.9% 10%; --sidebar-foreground: 240 4.8% 95.9%; --sidebar-primary: 195 100% 47%; --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: 195 100% 47%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; font-feature-settings: "kern" 1, "liga" 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } /* Neo-Print Visionary Custom Utilities */ @layer utilities { /* Glassmorphism effect */ .glass { background: var(--glass-bg); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--glass-border); } /* CMYK Gradients */ .gradient-cyan { background: var(--gradient-cyan); } .gradient-magenta { background: var(--gradient-magenta); } .gradient-yellow { background: var(--gradient-yellow); } .gradient-cmyk { background: var(--gradient-cmyk); } /* Colored shadows for cards */ .shadow-cyan { box-shadow: var(--shadow-cyan); } .shadow-magenta { box-shadow: var(--shadow-magenta); } .shadow-yellow { box-shadow: var(--shadow-yellow); } .shadow-elevation { box-shadow: var(--shadow-elevation); } /* Hover effects with colored shadows */ .hover-lift { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .hover-lift:hover { transform: translateY(-4px); } /* Text gradients */ .text-gradient-cyan { background: var(--gradient-cyan); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-gradient-magenta { background: var(--gradient-magenta); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-gradient-cmyk { background: var(--gradient-cmyk); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .gradient-text { background: var(--gradient-cmyk); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } }

► Necessary Cookies Standard

Necessary cookies enable essential site features like secure log-ins and consent preference adjustments. They do not store personal data.

None

► Functional Cookies Remark

Functional cookies support features like content sharing on social media, collecting feedback, and enabling third-party tools.

None

► Analytical Cookies Remark

Analytical cookies track visitor interactions, providing insights on metrics like visitor count, bounce rate, and traffic sources.

None

► Advertisment Cookies Remark

Advertisement cookies deliver personalized ads based on your previous visits and analyze the effectiveness of ad campaigns.

None

Senha perdida