/* Clean Modern Light UI Theme for Farid Fatullayev Portfolio */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

html, body {
    background-color: #f8fafc !important;
    color: #334155 !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    overflow-x: hidden;
}

.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

/* Force pure white cards with light border and clean shadow */
.pro-card, .glass-panel {
    background-color: #ffffff !important;
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.03) !important;
    color: #334155 !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.pro-card:hover, .glass-panel:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.06) !important;
}

/* Subtle modern mesh gradient */
.bg-mesh-subtle {
    background: #f8fafc;
}

/* Modern light scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}