/* Main CSS */

body {
    font-family: 'Inter', sans-serif;
    background-color: #fffdf7;
    color: #18181b;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-display {
    font-family: 'Space Grotesk', sans-serif;
}

/* Neo-Brutalist Utilities - Harder Shadows */
.brutal-shadow {
    box-shadow: 4px 4px 0px 0px #000000;
}

.brutal-shadow-lg {
    box-shadow: 8px 8px 0px 0px #000000;
}

.brutal-hover {
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.brutal-hover:hover {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0px 0px #000000;
}

.bg-grid-dots {
    background-image: radial-gradient(#000000 1px, transparent 1px);
    background-size: 20px 20px;
    opacity: 0.05;
}

/* Specific Writer Typography */
.prose h2 {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 0.5em;
    font-size: 1.875rem;
    /* 30px */
}

/* Social Icon Colors (Optional hover states) */
.hover-instagram:hover {
    color: #E1306C;
}

.hover-facebook:hover {
    color: #1877F2;
}

.hover-twitter:hover {
    color: #000000;
}

.hover-youtube:hover {
    color: #FF0000;
}

.hover-whatsapp:hover {
    color: #25D366;
}