:root {
    --twiga-primary: #0f766e;
    --twiga-dark: #12263b;
    --twiga-accent: #f59e0b;
}

body {
    background: #f5f7fb;
    color: #1f2937;
}

.navbar-brand img {
    width: 44px;
    height: 44px;
    object-fit: contain;
}

.hero-section {
    background: linear-gradient(135deg, #0f766e 0%, #134e4a 100%);
    color: #fff;
}

.page-hero {
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.12), rgba(245, 158, 11, 0.18));
}

.hero-card,
.admin-card,
.auth-card,
.news-card,
.metric-card {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.section-title {
    color: var(--twiga-primary);
}

.footer {
    background: var(--twiga-dark);
    color: #fff;
}

.btn-primary {
    background: var(--twiga-accent);
    border-color: var(--twiga-accent);
    color: #111827;
}

.btn-primary:hover {
    background: #d38b08;
    border-color: #d38b08;
    color: #111827;
}

.table thead th {
    background: #e5f7f5;
    color: var(--twiga-primary);
}

.metric-card {
    background: #f8fafc;
}

.news-card img {
    display: block;
}