:root {
  --honeydew: #e5f4e3ff;
  --cool-sky: #5da9e9ff;
  --french-blue: #003f91ff;
  --white: #ffffffff;
  --velvet-purple: #6d326dff;
}

body {
  background-color: var(--white);
  color: #374151;
}

/* Custom Utilities */
.text-french-blue {
  color: var(--french-blue);
}
.bg-french-blue {
  background-color: var(--french-blue);
}
.border-french-blue {
  border-color: var(--french-blue);
}
.focus\\:ring-french-blue:focus {
  --tw-ring-color: var(--french-blue);
}

.text-cool-sky {
  color: var(--cool-sky);
}
.bg-cool-sky {
  background-color: var(--cool-sky);
}
.border-cool-sky {
  border-color: var(--cool-sky);
}
.focus\\:ring-cool-sky:focus {
  --tw-ring-color: var(--cool-sky);
}

.text-honeydew {
  color: var(--honeydew);
}
.bg-honeydew {
  background-color: var(--honeydew);
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.3s ease-out forwards;
}

/* Mobile Optimizations */
@media (max-width: 640px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  h1 {
    font-size: 1.25rem;
  }
  
  button {
    min-height: 44px;
  }
}

/* Print Styles */
@media print {
  header, .no-print {
    display: none !important;
  }
}