:root {
    --dc-ink: #13212b;
    --dc-muted: #62717d;
    --dc-primary: #145da0;
    --dc-primary-dark: #0f4b80;
    --dc-accent: #f6a21a;
    --dc-surface: #ffffff;
    --dc-border: rgba(19, 33, 43, 0.08);
    --dc-bg: #eef3f7;
}

body {
    color: var(--dc-ink);
    background:
        radial-gradient(circle at top left, rgba(20, 93, 160, 0.12), transparent 30%),
        linear-gradient(180deg, #f6f9fc 0%, var(--dc-bg) 100%);
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.navbar-brand {
    letter-spacing: 0.04em;
}

.brand-logo {
    display: block;
    height: 42px;
    width: auto;
}

.login-logo {
    display: block;
    max-width: 220px;
    height: auto;
}

.eyebrow {
    color: var(--dc-primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.auth-page {
    background:
        radial-gradient(circle at top, rgba(246, 162, 26, 0.15), transparent 30%),
        linear-gradient(160deg, #0f2230 0%, #18384c 60%, #1e4d67 100%);
}

.auth-card {
    border-radius: 1.25rem;
}

.card {
    border-radius: 1rem;
    border: 1px solid var(--dc-border);
}

.btn-primary {
    background-color: var(--dc-primary);
    border-color: var(--dc-primary);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--dc-primary-dark);
    border-color: var(--dc-primary-dark);
}

.text-secondary,
.small.text-secondary {
    color: var(--dc-muted) !important;
}

.app-shell main {
    min-height: calc(100vh - 72px);
}