/* Typography */
.font-inter{font-family:'Inter',sans-serif;}

/* Custom components */
.btn-primary{background-color:#1e40af;color:#fff;padding:0.75rem 1.5rem;border-radius:0.375rem;transition:background-color 0.3s ease,transform 0.3s ease;display:inline-block;font-weight:600;}
.btn-primary:hover{background-color:#1e3a8a;transform:translateY(-2px);}
.btn-secondary{background-color:#10b981;color:#fff;padding:0.5rem 1rem;border-radius:0.375rem;transition:background-color 0.3s ease,transform 0.3s ease;font-weight:500;}
.btn-secondary:hover{background-color:#059669;transform:translateY(-2px);}
.card{background-color:#fff;border-radius:0.5rem;box-shadow:0 2px 6px rgba(0,0,0,0.1);padding:1.5rem;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.form-input{width:100%;padding:0.5rem 0.75rem;border:1px solid #cbd5e1;border-radius:0.375rem;transition:border-color 0.3s ease,box-shadow 0.3s ease;}
.form-input:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px rgba(30,64,175,0.3);} 
.gradient-bg{background:linear-gradient(90deg,#1e40af,#10b981);} 

/* World Bank Data Components */
.loading-spinner{
    width:40px;
    height:40px;
    border:4px solid #e2e8f0;
    border-top:4px solid #1e40af;
    border-radius:50%;
    animation:spin 1s linear infinite;
}

@keyframes spin{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

.wb-data-table{
    background-color:#fff;
    border-radius:0.5rem;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
    overflow:hidden;
}

.wb-data-table thead{
    background-color:#f8fafc;
    border-bottom:2px solid #e2e8f0;
}

.wb-data-table th{
    font-weight:600;
    color:#334155;
}

.wb-data-table tbody tr:nth-child(even){
    background-color:#f8fafc;
}

.wb-data-table tbody tr:hover{
    background-color:#e2e8f0 !important;
}

.error-message{
    background-color:#fef2f2;
    border:1px solid #fecaca;
    border-radius:0.5rem;
    padding:1rem;
}

/* Responsive utilities */
@media (max-width:768px){
    .card{margin-bottom:1rem;}
    .wb-data-table{font-size:0.875rem;}
    .wb-data-table th,.wb-data-table td{padding:0.5rem !important;}
}
@media (min-width:1024px){.hero-lg-text{font-size:3rem;}}

/* Dark mode */
html.dark body{background-color:#0f172a;color:#e2e8f0;}
html.dark .bg-white{background-color:#1e293b!important;}
html.dark .bg-slate-50{background-color:#0f172a!important;}
html.dark .text-slate-800{color:#e2e8f0!important;}
html.dark .card{background-color:#1e293b;color:#e2e8f0;}
html.dark footer{background-color:#1e293b;color:#e2e8f0;}
html.dark .gradient-bg{background:linear-gradient(90deg,#1e293b,#0d9488);}