/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Root Variables */
:root {
    --primary: #FF4D00;
    --secondary: #F8F9FA;
    --text-primary: #1A1A1A;
    --border-color: #E5E7EB;
}

/* Body Styles */
body {
    font-family: 'Inter', sans-serif !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #FFF5F0 100%) !important;
    min-height: 100vh !important;
    color: var(--text-primary) !important;
}

/* Navbar Styles */
.navbar {
    background: white !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.navbar-nav {
    font-weight: 500;
}

.navbar-nav .nav-link {
    color: var(--text-primary) !important;
}

.navbar-nav .nav-link.active {
    color: #ffffff !important;
    background: var(--primary) !important;
    border-radius: 6px;
}

/* Card Styles */
.card {
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

/* Button Styles */
.btn-primary {
    background: var(--primary) !important;
    border: none !important;
    border-radius: 6px !important;
    color: #ffffff !important;
}

/* Links */
a {
    color: #E64500 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

a:hover {
    color: #FF4D00 !important;
}