/* style.css */

/* Primary text color (matches logo) */
.text-primary {
    color: #5C84F7; /* Blue shade from logo */
}

.hover\:text-primary:hover {
  color: #5C84F7;
}

/* Secondary text color (turquoise accent) */
.text-accent {
    color: #3BD1D1; /* Turquoise shade from logo */
}

/* Primary background color */
.bg-primary {
    background-color: #5C84F7; /* Blue background */
}
.hover\:bg-primary:hover  {
    background-color: #5C84F7; /* Blue background */
}

/* Secondary background color */
.bg-accent {
    background-color: #3BD1D1; /* Turquoise background */
}

/* Optional: button style */
.btn-primary {
    background-color: #5C84F7;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-weight: bold;
    transition: background-color 0.3s;
}

.btn-primary:hover {
    background-color: #496cd9; /* slightly darker blue on hover */
}

.btn-accent {
    background-color: #3BD1D1;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-weight: bold;
    transition: background-color 0.3s;
}

.btn-accent:hover {
    background-color: #2ababa; /* slightly darker turquoise on hover */
}