:root {
    --brand-navy: #0b2d5c;
    --brand-navy-deep: #071e3d;
    --brand-navy-soft: #154a85;
    --brand-sky: #4eb8e8;
    --brand-sky-soft: #a8ddf5;
    --brand-sky-tint: #e8f4fb;
    --brand-surface: #ffffff;
    --brand-page: #eef3f8;
    --brand-muted: #5a6b7d;
    --brand-border: #d7e4ef;
    --brand-danger: #c0392b;
    --brand-success: #1a9a6c;
    --brand-warning: #d4a017;
    --brand-shadow: 0 16px 40px rgba(7, 30, 61, 0.12);
    --brand-shadow-sm: 0 6px 18px rgba(7, 30, 61, 0.08);
    --brand-radius: 14px;
    --brand-radius-sm: 10px;
    --brand-font: "Manrope", "Segoe UI", sans-serif;
    --brand-font-display: "Fraunces", Georgia, serif;
    --sidebar-width: 260px;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    font-family: var(--brand-font);
    color: var(--brand-navy);
    background: var(--brand-page);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5,
.card-title,
.page-title {
    font-family: var(--brand-font-display);
    letter-spacing: -0.01em;
    color: var(--brand-navy);
}

a {
    color: var(--brand-navy-soft);
}

a:hover {
    color: var(--brand-sky);
}