/* tomay.to Stylesheet */

/* Use Inter as the default font */
body {
    font-family: 'Inter', sans-serif;
    background-color: #212129;
    color: #04CC90;
}

/* Add a subtle background pattern for texture */
.bg-pattern {
    background-image: radial-gradient(#273142 1px, transparent 1px);
    background-size: 20px 20px;
}

/* Style for the glassmorphism effect on cards */
.glass-card {
    background: rgba(49, 49, 66, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Style for the model-viewer element */
model-viewer {
    width: 100%;
    height: 192px;
    --poster-color: transparent;
}

/* Override Tailwind text colors to ensure consistency */
.text-white {
    color: #04CC90 !important;
}

.text-gray-300, .text-gray-400 {
    color: rgba(4, 204, 144, 0.75) !important;
}

a.text-cyan-400, a.text-indigo-400, a.text-purple-400 {
    color: #fff !important;
    text-decoration: underline;
}

a.text-cyan-400:hover, a.text-indigo-400:hover, a.text-purple-400:hover {
    color: #ccc !important;
}