:root{--primary-dark: #2D5A2D;--primary-main: #4A7C2A;--primary-medium: #6BA043;--primary-light: #8FC34A;--primary-bright: #A3D65A;--accent-orange: #FF8C42;--accent-yellow: #FFD23F;--accent-red: #FF6B6B;--accent-purple: #9C88FF;--accent-pink: #FF9FF3;--neutral-50: #FAFAFA;--neutral-100: #F5F5F5;--neutral-200: #E5E5E5;--neutral-300: #D4D4D4;--neutral-400: #A3A3A3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--gradient-primary: linear-gradient(135deg, #2D5016 0%, #4A7C2A 50%, #6BA043 100%);--gradient-warm: linear-gradient(135deg, #FF8C42 0%, #FFD23F 50%, #FF6B6B 100%);--gradient-cool: linear-gradient(135deg, #9C88FF 0%, #FF9FF3 50%, #8FC34A 100%);--gradient-rainbow: linear-gradient(45deg, #FF6B6B, #FFD23F, #9C88FF, #FF9FF3, #8FC34A)}.vibrant-bg{background:var(--gradient-primary);background-attachment:fixed;position:relative}.vibrant-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.03)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.04)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.vibrant-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;box-shadow:0 8px 32px #2d501626;transition:all .3s ease}.vibrant-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #2d501640;border-color:var(--primary-bright)}.vibrant-button{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:2rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;display:inline-block;font-family:Inter,sans-serif}.vibrant-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.vibrant-button:hover:before{left:100%}.vibrant-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2d50164d}.vibrant-text{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.vibrant-border{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-primary) border-box}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{box-shadow:0 0 #2d5016b3}70%{box-shadow:0 0 0 10px #2d501600}to{box-shadow:0 0 #2d501600}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.float-animation{animation:float 3s ease-in-out infinite}.pulse-animation{animation:pulse 2s infinite}.gradient-animation{background-size:200% 200%;animation:gradient 3s ease infinite}.shadow-vibrant{box-shadow:0 10px 30px #2d501633}.shadow-vibrant-lg{box-shadow:0 20px 40px #2d50164d}.shadow-vibrant-xl{box-shadow:0 25px 50px #2d501666}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem}.glass-dark{background:#2d50161a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(45,80,22,.2);border-radius:1rem}.text-vibrant{font-weight:700;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient{background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/*# sourceMappingURL=/cdn/shop/t/11/assets/vibrant-colors.css.map */