style.css

/* Custom base styles */
body {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.6;
}

/* Custom animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

/* Custom utilities */
.rounded-xl {
    border-radius: 12px;
}

.shadow-sm {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Primary color classes */
.bg-primary {
    background-color: rgb(50, 109, 113);
}

.bg-primary-light {
    background-color: rgba(50, 109, 113, 0.1);
}

.bg-primary-dark {
    background-color: rgb(38, 82, 85);
}

.text-primary {
    color: rgb(50, 109, 113);
}

/* Secondary color classes */
.bg-secondary {
    background-color: rgb(201, 170, 12);
}

.bg-secondary-light {
    background-color: rgba(201, 170, 12, 0.1);
}

.bg-secondary-dark {
    background-color: rgb(170, 140, 10);
}

.text-secondary {
    color: rgb(201, 170, 12);
}

/* Custom button styles */
.btn-primary {
    background-color: rgb(50, 109, 113);
    color: white;
}

.btn-primary:hover {
    background-color: rgb(38, 82, 85);
}

.btn-secondary {
    background-color: rgb(201, 170, 12);
    color: rgb(33, 33, 33);
}

.btn-secondary:hover {
    background-color: rgb(170, 140, 10);
}