/* PULAARKU OS - Charte Institutionnelle & Ergonomie Corporate */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --pulaarku-navy: #12355B;
  --pulaarku-navy-dark: #0A1E35;
  --pulaarku-navy-light: #1B4965;
  --pulaarku-gold: #D4A017;
  --pulaarku-gold-hover: #B8860B;
  --pulaarku-gold-soft: #FEF9E7;
  --bg-slate: #F8FAFC;
  --border-subtle: #E2E8F0;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background-color: var(--bg-slate);
  color: #1E293B;
  -webkit-font-smoothing: antialiased;
}

/* Animations et transitions douces */
.transition-smooth {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Badges de statuts */
.badge-status-valide {
  background-color: #ECFDF5;
  color: #065F46;
  border: 1px solid #A7F3D0;
}

.badge-status-negociation {
  background-color: #EFF6FF;
  color: #1E40AF;
  border: 1px solid #BFDBFE;
}

.badge-status-refuse {
  background-color: #FEF2F2;
  color: #991B1B;
  border: 1px solid #FECACA;
}

/* Scrollbars discrètes */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Utilitaires pour Téléphone & Tablette */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Touch friendly tap target */
.touch-target {
  min-height: 44px;
  touch-action: manipulation;
}

/* Effets d'ombre corporate */
.card-shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05);
}

.modal-shadow {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* Optimisation pour écrans mobiles */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
  .mobile-card-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
}