/* resources/css/app.css */
@import "../../node_modules/@fortawesome/fontawesome-free/css/all.min.css";

/* Other CSS rules */
@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
    font-family: 'Tan Pearl';
    src: url('tanPearl.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@media (prefers-color-scheme: dark) {
    html, body {
        background-color: #ffffff;
        color: #000000;
    }

    /* Override any other dark mode specific styles */
    .dark\:bg-gray-900 {
        background-color: #ffffff !important;
    }
    .dark\:text-white {
        color: #000000 !important;
    }
}

/* Remove outline on focus for all elements */
*:focus {
    outline: none;
}