@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root {
  --wine-red: #7f1d1d;
  --wine-red-light: #9e2a2a;
}

body {
  font-family: 'Inter', sans-serif;
  color: #1a1a1a;
  line-height: 1.6;
}
/* Image styles */
img {
  object-fit: contain !important;
  max-width: 100%;
  height: auto;
}
/* Image brightness effect */
.brightness-110 {
    filter: brightness(1.1);
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.5em;
}

p {
  margin-bottom: 1em;
}

a {
  transition: color 0.2s ease;
}
/* Buttons */
button, .btn {
  transition: all 0.2s ease;
}

.btn:hover {
  transform: translateY(-1px);
}

/* Form elements */
input, textarea, select {
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input:focus, textarea:focus, select:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(127, 29, 29, 0.1);
}
/* Accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

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

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

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Animation for saved state */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.saved-notification {
    animation: fadeIn 0.3s ease-in-out;
}