:root {
    --sigerme-primary: #0f3b63;
    --sigerme-secondary: #f2b705;
    --sigerme-bg: #f5f7fb;
}

body {
    background: var(--sigerme-bg);
}

.app-navbar {
    background: linear-gradient(90deg, var(--sigerme-primary), #14517f);
}

.login-bg {
    background: radial-gradient(circle at top left, rgba(242,183,5,.18), transparent 28%), linear-gradient(135deg, #eef4fb, #f8fafc);
}

.login-card {
    width: 100%;
    max-width: 460px;
    border-radius: 1.25rem;
}

.brand-mark {
    width: 66px;
    height: 66px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 800;
    font-size: 2rem;
    background: linear-gradient(135deg, var(--sigerme-primary), #2373aa);
    box-shadow: 0 12px 24px rgba(15, 59, 99, .2);
}

.btn-primary {
    --bs-btn-bg: var(--sigerme-primary);
    --bs-btn-border-color: var(--sigerme-primary);
    --bs-btn-hover-bg: #0b2d4b;
    --bs-btn-hover-border-color: #0b2d4b;
}

.stat-card {
    border-radius: 1rem;
}

.card {
    border-radius: 1rem;
}
