/* Global Styles */
:root {
    --aww-green: #1B6B4D;
    --aww-bg: #FDFBF7;
    --aww-text: #2C2416;
    --aww-border: #E0D9CC;
}

body {
    background-color: var(--aww-bg);
    color: var(--aww-text);
    font-family: 'Source Sans 3', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.container { flex: 1; }
h1, h2, h4, .navbar-brand { font-family: 'Fraunces', serif; }

/* Navbar */
.navbar { background-color: white; border-bottom: 3px solid var(--aww-green); }
.navbar-brand { color: var(--aww-green) !important; font-size: 1.5rem; }

/* Article Components */
.category-tag {
    font-size: 0.7rem;
    font-weight: bold;
    padding: 4px 8px;
    background: #E8F4EE;
    color: var(--aww-green);
    text-transform: uppercase;
}
.card { border: 1px solid var(--aww-border); border-radius: 0; }
.article-img { width: 100%; height: 250px; object-fit: cover; border-bottom: 1px solid var(--aww-border); }

/* Landing Page Specific */
.hero-section {
    padding: 100px 0;
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url('/static/images/hero-pattern.png');
}
.btn-aww {
    background-color: var(--aww-green);
    color: white;
    border-radius: 0;
    padding: 12px 30px;
    font-weight: 600;
}
.btn-aww:hover {
    background-color: #14523a;
    color: white;
}