/* REVA PACKAGING - Professional Clean Design */
@import "tailwindcss";

@layer base {
    :root {
        --brand-green: #064E3B;
        --brand-emerald: #10B981;
        --brand-sand: #F5F2ED;
        --brand-ink: #111827;
        --brand-gold: #D4AF37;
    }

    body {
        background-color: var(--brand-sand);
        color: var(--brand-ink);
        font-family: 'Inter', sans-serif;
        -webkit-font-smoothing: antialiased;
    }

    h1, h2, h3, .font-display {
        font-family: 'Playfair Display', serif;
    }
}

@layer components {
    .glass {
        background: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.4);
    }
    
    .glass-dark {
        background: rgba(6, 78, 59, 0.9);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .nav-link {
        @apply text-[11px] font-bold uppercase tracking-[0.2em] px-4 py-2 rounded-full transition-all duration-300 text-slate-500 hover:text-brand-green;
    }

    .btn-primary {
        @apply inline-flex items-center justify-center px-10 py-4 rounded-full bg-brand-green text-white font-bold uppercase tracking-widest text-[11px] hover:bg-brand-emerald transition-all shadow-xl shadow-brand-green/20 hover:scale-105 active:scale-95;
    }

    .product-card {
        @apply group bg-white rounded-[40px] p-8 hover:shadow-[0_50px_100px_-20px_rgba(6,78,59,0.12)] transition-all duration-700 border border-slate-50;
    }
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

@layer utilities {
    .text-shadow-sm {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .text-shadow-lg {
        text-shadow: 0 10px 20px rgba(0,0,0,0.3);
    }
}


/* Text Selection */
::selection {
    background: var(--brand-emerald);
    color: white;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: var(--brand-sand);
}
::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--brand-green);
}