/* ==========================================================================
   ROMEGA FOREIGN TRADE - ELITE STYLESHEET
   ========================================================================== */

:root {
    --romega-navy: #181236;
    --romega-indigo: #2f1c54;
    --romega-purple: #46257a;
    --romega-lightPurple: #7e4fc9;
    --romega-crimson: #a82f2b;
    --romega-lightRed: #cb3e39;
    --romega-card-bg: rgba(22, 18, 41, 0.75);
    --romega-border: rgba(94, 76, 140, 0.25);
}

body {
    background-color: #0c0919;
    color: #e2e8f0;
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #090714;
}

::-webkit-scrollbar-thumb {
    background: #3b236b;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a82f2b;
}

/* Hero Subtle Grid Background */
.hero-grid-pattern {
    background-size: 40px 40px;
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
}

/* Smooth Glow Elements */
.glow-bridge {
    filter: drop-shadow(0 0 25px rgba(184, 58, 46, 0.25));
}

/* Animations */
@keyframes floatSlow {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-8px);
    }
}

.animate-float {
    animation: floatSlow 6s ease-in-out infinite;
}

/* Interactive Card Transitions */
.card-hover-effect {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}

.card-hover-effect:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.5), 0 0 15px rgba(126, 79, 201, 0.15);
}

/* Language switch active class */
.lang-btn-active {
    background-color: #4f2d87 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(79, 45, 135, 0.5);
}

.lang-btn-inactive {
    background-color: transparent !important;
    color: #94a3b8 !important;
}

.lang-btn-inactive:hover {
    color: #ffffff !important;
}

/* Sector Card & Filter Transitions */
.sector-card {
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.sector-card:hover {
    transform: translateY(-6px);
}

.sector-filter-btn {
    transition: all 0.25s ease;
}