/* Custom Styles for Literocracy.org */

/* Note: Most styling is handled by Tailwind CSS utility classes in the HTML.
  This file contains custom styles that are more complex or are reused.
*/

body {
    font-family: 'Inter', sans-serif;
    background-color: #F7F7F7;
    color: #333333;
}

.hero-section {
    /* A semi-transparent overlay to ensure text is readable over the background image */
    background: linear-gradient(rgba(247, 247, 247, 0.8), rgba(247, 247, 247, 0.8)), url('https://placehold.co/1920x1080/e2e8f0/e2e8f0?text=') no-repeat center center/cover;
}

.btn-primary {
    background-color: #4A934A;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    /* A slightly darker green for hover effect */
    background-color: #3B7A3B;
}

.section-title {
    /* Creates an underline accent for section titles */
    border-bottom: 2px solid #4A934A;
    padding-bottom: 0.5rem;
    display: inline-block;
}