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

:root {
  --primary: #4285F4;
  --primary-light: #E8F0FE;
  --secondary: #34A853;
  --accent: #EA4335;
  --warning: #FBBC05;
  --gray-light: #F1F3F4;
  --gray-medium: #DADCE0;
  --gray-dark: #5F6368;
}

body {
  font-family: 'Inter', sans-serif;
}

/* Document card hover effect */
.document-card:hover {
  box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3), 0 1px 3px 1px rgba(60,64,67,0.15);
  transform: translateY(-2px);
  transition: all 0.2s ease-in-out;
}

/* Signature pad styling */
.signature-pad {
  border: 1px dashed var(--gray-medium);
  background-color: white;
  border-radius: 4px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--gray-light);
}

::-webkit-scrollbar-thumb {
  background: var(--gray-medium);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--gray-dark);
}

/* Animation for uploading files */
@keyframes pulse {
  0% { opacity: 0.6; }
  50% { opacity: 1; }
  100% { opacity: 0.6; }
}

.uploading {
  animation: pulse 1.5s infinite;
}

/* Document status badges */
.status-badge {
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}

.status-draft {
  background-color: var(--gray-light);
  color: var(--gray-dark);
}

.status-pending {
  background-color: var(--warning);
  color: #000;
}

.status-signed {
  background-color: var(--secondary);
  color: white;
}

.status-completed {
  background-color: var(--primary-light);
  color: var(--primary);
}