/* base/static/base/base.css */

body {
    margin: 0;
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    color: #111827; /* Gray-900 */
}

/* Header */
header {
    background-color: #f3f4f6; /* Gray-100 */
    border-bottom: 1px solid #e5e7eb; /* Gray-200 */
    padding: 15px 30px;
    display: flex;
    align-items: center;
    gap: 20px;
}

header img {
    height: 65px;
}

.site-title h1 {
    margin: 0;
    font-size: 1.8rem;
    color: #0070f3; /* Primary blue */
    font-weight: 700;
}

.site-title .tagline {
    margin: 0;
    font-size: 0.9rem;
    color: #6b7280; /* Gray-500 */
}

/* Footer */
footer {
    background-color: #f9fafb; /* Extra light gray */
    border-top: 1px solid #e5e7eb;
    padding: 20px 30px;
    text-align: center;
    font-size: 0.95rem;
    color: #4b5563; /* Gray-600 */
}