/* ==========================================================================
   Lujah IT - Light Enterprise Design System (Inspired by Salesforce/Microsoft)
   ========================================================================== */

:root {
    --brand-primary: #0B5ED7;
    --brand-sky: #38BDF8;
    --brand-green: #22C55E;
    --bg-light: #F8FAFC;
    --text-primary: #111827;
    --text-secondary: #6B7280;
}

/* Typography Rules */
h1, h2, h3, h4, h5, h6, .font-poppins {
    font-family: 'Poppins', sans-serif !important;
}

body, p, span, a, li, input, textarea, button, .font-inter {
    font-family: 'Inter', sans-serif !important;
}

/* Global Light Theme Overrides */
html {
    scroll-behavior: smooth;
    background-color: #FFFFFF;
    color: var(--text-primary);
}

body {
    background-color: #FFFFFF;
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
}

/* Modern Light Cards & Glassmorphism Light */
.light-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-in-out;
}

.light-card:hover {
    border-color: #0B5ED7;
    box-shadow: 0 20px 30px -10px rgba(11, 94, 215, 0.1);
    transform: translateY(-2px);
}

/* Subtle Gradient for Hero */
.light-hero-gradient {
    background: radial-gradient(circle at 50% 0%, rgba(11, 94, 215, 0.06) 0%, rgba(255, 255, 255, 0) 70%);
}

/* Custom Scrollbars for Light Theme */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

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

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

::-webkit-scrollbar-thumb:hover {
    background: #0B5ED7;
}

/* Focus States */
input:focus, textarea:focus, select:focus {
    outline: none;
    border-color: #0B5ED7 !important;
    box-shadow: 0 0 0 3px rgba(11, 94, 215, 0.15);
}