/* ==========================================================================
   Gigani Foods LLP - Global Custom Styles
   (Tailwind CSS handles the majority of the layout/styling in the PHP files)
   ========================================================================== */

/* Optional: Import a premium corporate font like 'Inter' for a sharper B2B look */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

html {
    /* Enables smooth scrolling when clicking anchor links */
    scroll-behavior: smooth; 
    /* Overrides default Tailwind font with Inter if imported above */
    font-family: 'Inter', sans-serif;
}

/* ==========================================================================
   Custom Scrollbar (Clean, Corporate, Light Mode)
   ========================================================================== */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f8fafc; /* Matches Tailwind's slate-50 background */
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1; /* Subtle gray */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #BA1C1D; /* Gigani Brand Red on hover for a premium touch */
}

/* ==========================================================================
   Text Selection Highlight
   ========================================================================== */
/* Changes the highlight color from default blue to Gigani Red when users select text */
::selection {
    background-color: #BA1C1D;
    color: #ffffff;
}

/* ==========================================================================
   Subtle Animations
   ========================================================================== */
/* Add this class to your main container in the PHP files if you want a soft fade-in effect */
.fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}