/* Neutral theme (Handle default): warm beige page, white cards, dark grey
   text, one muted slate-blue accent. Loaded after style.css via /css/theme.css
   when BRAND_THEME=neutral; installs without a theme keep the navy look. */
:root {
    --accent-hsl: 211 32% 36%;
    --accent-2-hsl: 211 28% 44%;
    --on-page: #1f2937;
    --on-page-muted: #4b5563;
    --on-page-subtle: #6b7280;
    /* Statistics charts: the accent, a light slate for the second series. */
    --chart-primary: #3f5d7d;
    --chart-secondary: #a7b6c8;
    --chart-single: #3f5d7d;
    --chart-primary-fill: rgba(63, 93, 125, 0.12);
}

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

/* Text that sat directly on the navy page. */
.logo-text h1,
.user-info,
.user-name,
.view h2,
#loginView h2,
#dashboardView h2,
.view-header h2 {
    color: var(--on-page);
    text-shadow: none;
}

.logo-subtitle,
.user-greeting {
    color: var(--on-page-subtle);
}

/* Header becomes a white bar so the logo sits on the same surface as the cards. */
.header {
    background: #ffffff;
    border: 1px solid #e6dccb;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Cards and panels: a hairline border instead of relying on contrast with the page. */
.nav-tabs,
.card,
.stat-card,
.table-container,
.dashboard-card {
    border: 1px solid #e6dccb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Metric icons: a pale accent tile instead of the purple gradient. */
.metric-icon {
    background: hsl(var(--accent-hsl) / 0.1);
}