:root {
    --ca-primary: #2952a3;
    --ca-primary-dark: #1f3d7a;
    --ca-surface: #ffffff;
    --ca-bg: #f4f6fb;
    --ca-border: #e2e6ef;
    --ca-text-muted: #64748b;
}

@media (prefers-color-scheme: dark) {
    :root {
        --ca-surface: #1a2030;
        --ca-bg: #10141f;
        --ca-border: #2a3245;
        --ca-text-muted: #94a3b8;
    }
}

body {
    background-color: var(--ca-bg);
}

.navbar-brand {
    font-weight: 600;
    letter-spacing: 0.02em;
}

.navbar-app {
    background: linear-gradient(90deg, var(--ca-primary-dark), var(--ca-primary));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.navbar-app .nav-link {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.navbar-app .nav-link.active {
    font-weight: 600;
    color: #fff !important;
    border-bottom: 2px solid #fff;
}

.card {
    border: 1px solid var(--ca-border);
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.table {
    --bs-table-bg: var(--ca-surface);
}

.badge.bg-secondary {
    --bs-bg-opacity: 0.85;
}