:root {
    --navy: #421225;
    --blue: #7b1e3a;
    --blue-soft: #f8e9ee;
    --green: #16845d;
    --red: #c63f4d;
    --orange: #c97828;
    --purple: #943455;
    --ink: #2f2026;
    --muted: #75666c;
    --line: #eadde1;
    --bg: #faf6f7;
    --shadow: 0 10px 30px rgba(91, 24, 45, .09);
}

.brand-mark {
    background: linear-gradient(135deg, #68172f, #a43b5b);
    box-shadow: 0 7px 15px rgba(123, 30, 58, .25);
}

.welcome,
.page-heading {
    background: linear-gradient(120deg, #4a1023, #7b1e3a);
}

.welcome p,
.page-heading p { color: #ecd4dc; }
.eyebrow { color: #f0b5c8; }
.live-time span { color: #e5becb; }
.button.secondary { border-color: #dcb6c3; }

.leave-balance {
    background: linear-gradient(135deg, #68172f, #98334f);
}

.leave-balance small,
.leave-balance span { color: #f4dce4; }

.login-page {
    background: linear-gradient(120deg, #3e0d1e 0, #741b36 50%, #faf6f7 50%, #faf6f7 100%);
}

.brand.large small { color: #e7c3cf; }
.login-copy > p { color: #ebccd6; }
.feature-list { color: #f8e8ed; }

@media (max-width: 1000px) {
    .login-page { background: #5d142c; }
}