:root {
    --brand: #1e3a5f;
    --brand-2: #2c5282;
    --accent: #d4af37;
}

body {
    background: #f4f6f9;
    font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.app-navbar {
    background: linear-gradient(90deg, var(--brand) 0%, var(--brand-2) 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.card { border-radius: 14px; }

.btn-primary {
    background: var(--brand);
    border-color: var(--brand);
}
.btn-primary:hover {
    background: var(--brand-2);
    border-color: var(--brand-2);
}

.upload-drop {
    border: 2px dashed #b9c4d4;
    border-radius: 14px;
    padding: 2.5rem 1rem;
    text-align: center;
    cursor: pointer;
    transition: all .18s ease;
    background: #fbfcfe;
}
.upload-drop:hover,
.upload-drop.drag {
    border-color: var(--brand);
    background: #eef3fb;
}

code { color: var(--brand-2); }