/* Main CSS for PT.WWI Website */

/* Remix Icon styles */
:where([class^="ri-"])::before { 
    content: "\f3c2"; 
}

/* Tailwind custom configuration styles */
.bg-primary {
    background-color: #008080;
}

.text-primary {
    color: #008080;
}

.border-primary {
    border-color: #008080;
}

.hover\:bg-primary:hover {
    background-color: #008080;
}

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

.bg-secondary {
    background-color: #20B2AA;
}

.text-secondary {
    color: #20B2AA;
}

/* Custom border radius */
.rounded-button {
    border-radius: 8px;
}

/* Additional custom styles */
.text-primary-100 {
    color: rgba(32, 178, 170, 0.8);
}

.bg-primary\/10 {
    background-color: rgba(0, 128, 128, 0.1);
}

.bg-primary\/90 {
    background-color: rgba(0, 128, 128, 0.9);
}

.bg-white\/95 {
    background-color: rgba(255, 255, 255, 0.95);
}

.bg-white\/90 {
    background-color: rgba(255, 255, 255, 0.9);
}

.bg-white\/70 {
    background-color: rgba(255, 255, 255, 0.7);
}

.bg-white\/10 {
    background-color: rgba(255, 255, 255, 0.1);
}

.bg-black\/50 {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Font family */
.font-pacifico {
    font-family: 'Pacifico', cursive;
}

/* Smooth transitions */
.transition-all {
    transition: all 0.3s ease;
}

/* Focus styles */
.focus\:ring-2:focus {
    box-shadow: 0 0 0 2px rgba(0, 128, 128, 0.3);
}

.focus\:ring-primary:focus {
    box-shadow: 0 0 0 2px rgba(0, 128, 128, 0.3);
}

.focus\:border-transparent:focus {
    border-color: transparent;
}

/* Dark mode styles */
.dark {
    color-scheme: dark;
}

.dark .bg-gray-800\/95 {
    background-color: rgba(31, 41, 55, 0.95);
}