/* static/style.css */

/* --- Typography Overrides --- */
body {
    font-family: 'Inter', sans-serif;
    background-color: #DCCEB8;
    background-image: radial-gradient(#d1c2aa 1px, transparent 1px);
    background-size: 20px 20px;
}

h1, h2, h3, h4, h5, h6, .font-serif {
    font-family: 'Merriweather', serif;
}

/* --- Custom Utility Classes (tailored for Cryptera) --- */
.bg-cryptera-bg { background-color: #DCCEB8; }
.bg-cryptera-dark { background-color: #3D0E0E; }
.bg-cryptera-light { background-color: #F5F0E6; }
.bg-cryptera-accent { background-color: #5C1515; }

.text-cryptera-dark { color: #3D0E0E; }
.text-cryptera-bg { color: #DCCEB8; }
.text-cryptera-muted { color: #8C7B65; }

.border-cryptera-dark { border-color: #3D0E0E; }
.border-cryptera-accent { border-color: #5C1515; }

/* --- Smooth Form Elements --- */
input:focus {
    outline: none;
    box-shadow: 0 0 0 2px #5C1515;
}

/* --- Animations --- */
.hover-lift {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.hover-lift:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}