/* Using Inter as the primary modern font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* Custom styles for a clean, standard look */
body {
    font-family: 'Inter', sans-serif;
    /* Clean, light gray background - very standard and modern */
    background-color: #f8fafc; /* Tailwind gray-50 equivalent */
}

/* Refined, standard shadow for a professional lift */
.standard-shadow {
    /* Cleaner, less aggressive shadow */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
}

/* Custom animation for the role cards on hover/focus */
.role-card {
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.role-card:hover {
    /* Subtle vertical lift and more pronounced shadow */
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
}