:root {
    --primary-color: #1d4ed8; /* Tailwind blue */
    --secondary-color: #fbbf24; /* Tailwind yellow */
    --accent-color: #ef4444; /* Tailwind red */
    --background-color: #f9fafb; /* Tailwind gray */
    --text-color: #111827; /* Tailwind gray-900 */
}

body {
    @apply bg-background-color text-text-color font-sans leading-relaxed;
}

h1, h2, h3, h4 {
    @apply font-bold;
}

a {
    @apply text-primary-color hover:text-secondary-color transition duration-300;
}

button {
    @apply bg-primary-color text-white font-semibold py-2 px-4 rounded shadow-md hover:bg-secondary-color transition duration-300;
}

.section {
    @apply py-16 px-4;
}

.hero {
    @apply bg-cover bg-center h-screen flex items-center justify-center text-white;
}

.statistics {
    @apply grid grid-cols-1 md:grid-cols-3 gap-8;
}

.about, .philosophy, .services, .reasons, .standards, .references, .career, .contact {
    @apply my-12;
}

.footer {
    @apply bg-gray-800 text-white py-4 text-center;
}

[data-aos] {
    @apply transition-opacity duration-500;
}