/* Shared color contract for legacy admin/auth screens. */
:root {
    --legacy-bg: #f4f7fb;
    --legacy-panel: #ffffff;
    --legacy-text: #273242;
    --legacy-muted: #536176;
    --legacy-line: #d5dde6;
    --legacy-accent: #06738e;
    --legacy-accent-dark: #07576a;
    --legacy-accent-soft: #e8f1f4;
    --legacy-danger: #a52e2e;
    --legacy-success: #176e48;
}

body { color: var(--legacy-text); background: var(--legacy-bg); }
aside { background: #112c45; }
nav a { color: #dbe8f3; }
nav a:hover { background: #1d486a; }
main { color: var(--legacy-text); }
.card, .panel, table { background: var(--legacy-panel); border-color: var(--legacy-line); }
.stat strong, .content-status strong, .quick-actions strong, .text-button,
.stat-icon, .language-flag, .recent-dot { color: var(--legacy-accent); }
button, .button { background: var(--legacy-accent); }
.button.secondary { background: var(--legacy-muted); }
.button.danger { background: var(--legacy-danger); }
.button.light { background: var(--legacy-accent-soft); color: var(--legacy-accent-dark); }
input, textarea, select { border-color: #aeb9c9; color: var(--legacy-text); background: var(--legacy-panel); }
th { background: #f7fafc; color: var(--legacy-muted); }
th, td { border-color: var(--legacy-line); }
.muted, .stat small, .content-status small, .language-row small, .recent-row small,
.quick-actions span, .mockup-kpi span, .mockup-kpi small, .module-card small,
.notification-cards small, .settings-list span { color: var(--legacy-muted); }
.badge { background: #dff5e8; color: var(--legacy-success); }
.badge.off { background: #fbe4e4; color: var(--legacy-danger); }
.flash { background: #e3f6ef; color: var(--legacy-success); }

.admin-concept-page { --shell-text: #202633; --shell-muted: #536176; --shell-line: #d5dde6; --shell-accent: #424ab8; --shell-soft: #eef0ff; }
.admin-concept-page.admin-dark { --shell-text: #f3f6fb; --shell-muted: #b7c1d0; --shell-line: #3a4555; --shell-accent: #aeb4ff; --shell-soft: #30365a; }